Cerulean Coast color palette — #F8EFF5 · #A0DCE4 · #008FBA · #00644D · #002647
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#F8EFF5): a clean, paper-quiet neutral.
- Ice Blue (#A0DCE4): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#008FBA): A luminous, balanced blue — the color of deep harbor water.
- Pine (#00644D): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002647): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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
- Petrol Lantern color palette (#FDECF9, #7FC8D9, #007BAB, #005346, #00183D)
- Muted Field color palette (#F9EFF2, #B5D3F2, #667DCF, #00606E, #27194C)
- Cypress Boulevard color palette (#F6F0F3, #D4DBEA, #76A1C6, #1F7A73, #29364D)
- Weathered Abyss color palette (#E8DFE5, #4F979B, #005266, #002D1E, #00050C)
- Cobalt Boulevard color palette (#E1F9EB, #AA9A2B, #0087DD, #685C00, #00223D)
- Ancient Denim Pier color palette (#EDDEE4, #70A3C6, #2C559E, #00393D, #0A002D)
- Worn Grape Studio color palette (#C8F0DA, #918500, #3369E9, #6536D5, #1C1800)
- Quiet Bronze Harbor color palette (#D8F0DE, #A4A55F, #856600, #653600, #112100)
Browse the whole catalog at Explore, or see today's palette.