Cerulean Coast color palette — #F0F7F1 · #BCE4F0 · #3299AC · #14725C · #2D4C5F
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Powder Blue (#BCE4F0): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#3299AC): A luminous, balanced blue — the color of open sky before noon.
- Pine (#14725C): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal (#2D4C5F): A full-bodied, dusty blue — the color of deep harbor water.
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
- Patina Cobalt Ridge color palette (#F1F7F2, #C7E0F7, #668BC6, #006D85, #3B4762)
- Timeworn Cerulean color palette (#F7EFF7, #BBE4F0, #429AB7, #456849, #172D45)
- Hushed Cerulean color palette (#DBEADE, #419EAB, #005267, #00302B, #001624)
- Hushed Chapel color palette (#F6F6EC, #C2E7DD, #86CBD2, #4AAB9D, #30503C)
- Aged Lagoon Boulevard color palette (#FDF3F0, #CFEFD1, #6DAFCA, #558860, #543F56)
- Petrol Courtyard color palette (#E7F2E9, #75C0C6, #00748B, #005145, #003248)
- Hushed Wisteria color palette (#E8FAF7, #7FAE77, #BA6EC9, #27711A, #433C60)
- Patina Workshop color palette (#E5F4E7, #5686A9, #003A7A, #002129, #03002E)
Browse the whole catalog at Explore, or see today's palette.