Cerulean Coast color palette — #EEF0E4 · #A9CFB6 · #1D94B5 · #006B70 · #003346

Cerulean and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EEF0E4): bright and airy, almost weightless.
• Pistachio (#A9CFB6): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#1D94B5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#006B70): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003346): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, 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

• Wandering Pier color palette (#ECF0E6, #9EC9F3, #5888C8, #00668D, #172B58)
• Tempered Azure color palette (#EDF8F6, #CCDFFE, #00A1C8, #00696E, #002231)
• Weathered Petrol Bloom color palette (#F6ECE7, #83BCCA, #0070A1, #005146, #142D54)
• Denim Basin color palette (#EEF1E6, #599BBE, #005E8D, #003A46, #000A18)
• Azure Market color palette (#F7EAF2, #9BE0F0, #17B1F5, #00937E, #192E4D)
• Periwinkle Ridge color palette (#F2F8E9, #BBE0FF, #5F9FE7, #007CA6, #203E74)
• Hushed Atelier color palette (#F4F6EF, #C9E5E3, #83BAD5, #589199, #315247)
• Dusty Plum color palette (#FBD2D5, #D56BBF, #008FD0, #A1238D, #002C44)

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