Cerulean Coast color palette — #F0F8F1 · #CBE2FF · #02A2C3 · #006B5D · #002232
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F0F8F1): bright and airy, almost weightless.
- Powder Blue (#CBE2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#02A2C3): A luminous, balanced blue — the color of open sky before noon.
- Pine (#006B5D): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002232): 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 Coast 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
- Iris Boulevard color palette (#EEF8F0, #D7DDFA, #6A91D7, #00667E, #151647)
- Softworn Turquoise color palette (#EFF8F0, #D7D6E3, #5EB1D8, #007F7A, #07314F)
- Muted Denim color palette (#DDEADF, #76ABBD, #005B82, #002B2C, #000104)
- Wandering Cabin color palette (#EEF8F0, #97D6F1, #0082C2, #005155, #000C23)
- Softworn Petrol Workshop color palette (#F4EDE3, #82BDC3, #00748C, #005145, #003248)
- Hushed Powder Dune color palette (#F1F7F2, #D8E0EC, #9BD6EE, #669CA6, #3C5060)
- Olive Studio color palette (#D4FFFD, #BDE5EC, #91CFF7, #638939, #002D2F)
- Misty Archive color palette (#E4F3E7, #89BCEC, #3561BE, #003B4C, #020013)
Browse the whole catalog at Explore, or see today's palette.