Cobalt Coast color palette — #E6F7E9 · #9DD8FF · #3F85D2 · #00606F · #14214C
Built around Azure, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Cream (#E6F7E9): A whisper-light, dusty teal — the color of shallow lagoons.
- Powder Blue (#9DD8FF): A whisper-light, balanced blue — the color of deep harbor water.
- Azure (#3F85D2): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00606F): A full-bodied, dusty blue — the color of open sky before noon.
- Midnight (#14214C): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Weathered Cerulean color palette (#E6F7E9, #69E4F3, #0091B1, #006357, #00293D)
- Wandering Cobalt Lantern color palette (#FDF3EB, #9BD7FD, #547FC3, #00666B, #38396C)
- Sapphire Balcony color palette (#E4F8E8, #78C3FF, #266CD7, #004F60, #0F0E48)
- Ancient Azure Lantern color palette (#C5EAF1, #00A5CC, #0075A7, #004472, #082055)
- Cerulean Drift color palette (#E0F2E3, #2895C5, #004C81, #002B30, #00021A)
- Mallow Quarry color palette (#E8F3FF, #DFD1F0, #C7A4FB, #097E9C, #182E4B)
- Weathered Ash Ridge color palette (#EDF4EE, #CBDFF3, #69A8B3, #457478, #203A48)
- Feathered Plum color palette (#D1E8FF, #0086E2, #C23E60, #496F00, #001931)
Browse the whole catalog at Explore, or see today's palette.