Cobalt Coast color palette — #F6EDE1 · #9ECAF0 · #5B86CD · #006880 · #222759
A conversation between Azure and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Cream (#F6EDE1): bright and airy, almost weightless.
- Sky (#9ECAF0): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#5B86CD): A luminous, balanced violet — the color of wild irises.
- Peacock (#006880): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Indigo (#222759): 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
- Muted Terrace color palette (#F4EEE3, #A4D0B6, #0092C5, #006C6A, #003053)
- Timeworn Cornflower color palette (#F0F7F1, #D7DDFA, #4A8EFF, #00667D, #151941)
- Antique Periwinkle color palette (#F9EAEE, #AED9FB, #829EFF, #009190, #342251)
- Wandering Courtyard color palette (#E8E0D4, #6CC0CC, #0081A0, #005A50, #002235)
- Antique Azure Alley color palette (#FCF4E7, #A5E8F6, #00AADC, #00837C, #00446B)
- Ultramarine Atelier color palette (#F6EDE3, #89BEAF, #4F5DBD, #004F51, #372053)
- Hushed Market color palette (#EBE1D1, #5E9FA4, #006376, #003C32, #000B13)
- Hushed Jade Cabin color palette (#DAE8DE, #00B184, #008478, #005656, #003941)
Browse the whole catalog at Explore, or see today's palette.