Cobalt Coast color palette — #F9F4EE · #C3E5D9 · #5C8CC9 · #006E81 · #573E52

Built around Cerulean, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Celadon Mist (#C3E5D9): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#5C8CC9): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006E81): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#573E52): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cobalt 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

• Antique Cerulean color palette (#F9F4ED, #C9E4D0, #4496B1, #137166, #2F4F44)
• Dusty Chapel color palette (#F9F0E7, #BDE7D7, #768CBF, #2A6A66, #3D2230)
• Faded Cobalt color palette (#FBF4EA, #97D7FD, #1682DA, #006571, #2C3E67)
• Wandering Pier color palette (#E6FBF4, #DFD5DC, #DABAFA, #458CAA, #584555)
• Worn Cobalt Hollow color palette (#B1EDFA, #46B5D6, #007EB9, #1D5B98, #563B53)
• Hushed Lagoon color palette (#FBF2F6, #D4DFFE, #91A4D2, #358986, #414561)
• Misty Amber Loft color palette (#E3FCF4, #62A6DD, #BD7800, #006BA7, #593C17)
• Cerulean Hollow color palette (#E9E1D6, #3B8BA7, #004161, #002223, #00091B)

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