Cerulean Coast color palette — #EEF1E5 · #3F81A1 · #004062 · #001E26 · #000104

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EEF1E5): bright and airy, almost weightless.
• Cerulean (#3F81A1): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004062): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001E26): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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 Denim Lagoon color palette (#E1E5D9, #5991B6, #004C80, #002A37, #000410)
• Ancient Lagoon color palette (#D4E6D3, #009BA4, #00738D, #00362C, #000202)
• Wandering Cypress color palette (#E9EAE1, #82C0BF, #007A82, #004C43, #001A1F)
• Shadow Forest color palette (#E4F3E9, #005F3F, #003425, #00110C, #000201)
• Shadow Navy color palette (#DBEDDA, #004544, #002B70, #192800, #000202)
• Faded Sapphire Meadow color palette (#EEF5E3, #91C0F1, #0068EA, #004C6E, #050C50)
• Weathered Navy Thicket color palette (#EEF2E6, #507DA3, #003B73, #001D2A, #000108)
• Cerulean Villa color palette (#E4E7D6, #26859E, #004258, #001F23, #000103)

Browse the whole catalog at Explore, or see today's palette.