Cobalt Field color palette — #F1F7F2 · #A5CAE8 · #387BC1 · #005E6B · #2B395C
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Sky (#A5CAE8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#387BC1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005E6B): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#2B395C): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cobalt Field into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Worn Cerulean Study color palette (#EEF8F0, #96D2D1, #008798, #00624B, #173F54)
- Aged Cobalt Veranda color palette (#FCEDF3, #98D0F0, #567AC2, #005C56, #191E3A)
- Lilac Parlor color palette (#EDF6FF, #D1DDFF, #B398E1, #227998, #2D3C52)
- Wandering Canyon color palette (#D5F6FB, #00AED8, #0079A8, #00518C, #263C62)
- Wandering Azure color palette (#F1F7F2, #D7DDEF, #6C9ECC, #327A84, #475365)
- Worn Cerulean color palette (#D5E3D7, #2CA0B1, #005269, #00302C, #001625)
- Soft Plum Thicket color palette (#D0E8FF, #007ED0, #B83259, #466700, #162D43)
- Hushed Navy color palette (#E1EAE3, #4787B6, #003880, #002129, #040327)
Browse the whole catalog at Explore, or see today's palette.