Cobalt Coast color palette — #F6EBF2 · #A7CADC · #0C8DDA · #006F53 · #1F275D
Azure and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F6EBF2): bright and airy, almost weightless.
- Sky (#A7CADC): A luminous, dusty blue — the color of deep harbor water.
- Azure (#0C8DDA): A luminous, balanced blue — the color of deep harbor water.
- Pine (#006F53): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#1F275D): A deep, shadowed, balanced violet — the color of wild irises.
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
- Washed Grove color palette (#F5EBEE, #A8C8E8, #757FC8, #006B70, #3A1C55)
- Patina Azure Meadow color palette (#FFF2EB, #B5F1FF, #169AE6, #006D4F, #121942)
- Powdered Iris Courtyard color palette (#FEF1F6, #C1DFFB, #7992FF, #008283, #4A2F70)
- Softworn Petrol Corridor color palette (#F5EDE2, #81BCCB, #007299, #00504D, #08304E)
- Airy Cabin color palette (#E8F1EA, #8DE2F8, #4BB1DF, #00918D, #003052)
- Timeworn Petrol color palette (#EEE1EE, #74ADB1, #007094, #004D27, #001233)
- Lagoon Coast color palette (#F9F3F7, #D8DFEF, #8DB5E1, #489783, #495269)
- Ancient Denim color palette (#F1E7EC, #6D99B2, #2B53A4, #003C37, #0C0026)
Browse the whole catalog at Explore, or see today's palette.