Cerulean Coast color palette — #F4F7ED · #BFE0F3 · #98C0E3 · #488CA4 · #4E3451
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F7ED): a clean, paper-quiet neutral.
- Powder Blue (#BFE0F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#98C0E3): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#488CA4): A luminous, dusty blue — the color of open sky before noon.
- Charcoal (#4E3451): A deep, shadowed, dusty pink — the color of peonies in June.
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
- Muted Teal color palette (#FAF4EF, #C1EAEC, #9FBFEE, #2EABB1, #404469)
- Weathered Orchard color palette (#F5F6EE, #B9E3EE, #85C7D8, #389291, #214837)
- Timeworn Summit color palette (#F3F7E8, #D9D7E4, #56B9F5, #00849D, #02375E)
- Hushed Summit color palette (#EFF7F7, #C7E0F5, #4690CC, #056D88, #334963)
- Cerulean Dune color palette (#F5F7E6, #8ADBE4, #00899D, #00524E, #000F15)
- Petrol Workshop color palette (#EAF2DD, #93BBE2, #2666B6, #003A52, #000114)
- Quiet Moss Thicket color palette (#F8F6E6, #CADE9A, #6DC9E5, #809447, #003F4E)
- Denim Lantern color palette (#EAEDDF, #74ACBE, #005D7B, #002B30, #000103)
Browse the whole catalog at Explore, or see today's palette.