Cerulean Field color palette — #F8EFF5 · #98D3DA · #0088AF · #005E46 · #0B2237
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F8EFF5): a clean, paper-quiet neutral.
- Ice Blue (#98D3DA): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#0088AF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005E46): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#0B2237): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean 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
- Wandering Garden color palette (#FAEEF2, #ADCBE9, #5F78BF, #005A66, #191E39)
- Tempered Cerulean color palette (#EAF9F6, #90D2DA, #00879C, #00605D, #054152)
- Tempered Azure color palette (#FFF2EC, #99E3EB, #3CA2C8, #237D62, #1D3D5A)
- Ancient Cobalt Lantern color palette (#DAE9FF, #4F79CB, #936400, #496600, #05142A)
- Hushed Balcony color palette (#EBF2FF, #E4CFFF, #D897B7, #1E7495, #21243C)
- Cerulean Atelier color palette (#F7ECF4, #1D8797, #00415B, #002019, #000105)
- Tempered Denim color palette (#F4E7F0, #52AABF, #005F89, #003A32, #000923)
- Ultramarine Harbor color palette (#CFE4ED, #259AE1, #005DD0, #3E348D, #27153D)
Browse the whole catalog at Explore, or see today's palette.