Blueberry Fields Color Palette
Dark indigo and navy with a bright berry-red accent.
Use as a gradient →
Colors
#1A1A2E
#16213E
#0F3460
#533483
#E94560
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #1A1A2E | T - | T - | |
| #16213E | T - | T - | |
| #0F3460 | T - | T - | |
| #533483 | T - | T - | |
| #E94560 | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance.
Blueberry Fields CSS Code
HEX Copy
#1A1A2E #16213E #0F3460 #533483 #E94560
RGBA Copy
rgba(26, 26, 46, 1.0) rgba(22, 33, 62, 1.0) rgba(15, 52, 96, 1.0) rgba(83, 52, 131, 1.0) rgba(233, 69, 96, 1.0)
HSLA Copy
hsla(240, 28%, 14%, 1.0) hsla(224, 48%, 16%, 1.0) hsla(213, 73%, 22%, 1.0) hsla(264, 43%, 36%, 1.0) hsla(350, 79%, 59%, 1.0)
More Color Palettes
FAQ
What colors are in the Blueberry Fields palette?Dark indigo and navy with a bright berry-red accent.
How do I turn the Blueberry Fields palette into a CSS gradient?
Use
background: linear-gradient(to right, #1A1A2E, #16213E, #0F3460, #533483, #E94560);, or click "Use as a gradient" above to open it in the live generator.