Cobalt Coast color palette — #EDF6FF · #0091DE · #2B344C · #06101A · #000102

A conversation between Azure and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Azure (#0091DE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Navy (#2B344C): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#06101A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Worn Grove color palette (#E1F0FE, #1BA4F1, #58607E, #2D3F4E, #030F14)
• Lagoon Bloom color palette (#E5F9FF, #009E9E, #19384C, #001218, #000202)
• Wandering Violet color palette (#F2F5FF, #8D6DF4, #372F4C, #0C0E1B, #000104)
• Petrol Balcony color palette (#D8F5EB, #006BA2, #361A2A, #00100B, #000301)
• Lilac Boulevard color palette (#F3F4FF, #B99AFA, #575164, #292A35, #0D0F13)
• Bronze Workshop color palette (#F1F5FF, #ABB0FF, #9D8200, #4C8859, #111933)
• Muted Sky Alley color palette (#FEF1FA, #D2D6E7, #4EB1E8, #237F6F, #1B2F48)
• Washed Harbor color palette (#E9FAF3, #AAE1A5, #539A81, #43697B, #0D2E2A)

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