Cobalt Coast color palette — #DCE9F6 · #0373C7 · #003A5F · #001224 · #000104

Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Frost (#DCE9F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#0373C7): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003A5F): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#001224): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged monochrome, dark, muted, cool.

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

• Smoked Petrol Alley color palette (#D1EFF7, #00778A, #003D48, #00151C, #000102)
• Powdered Harbor color palette (#DCE9FF, #5CA0FF, #0057BB, #00265F, #00071C)
• Navy Hollow color palette (#D4E4FF, #406CCC, #00149E, #03003E, #000109)
• Timeworn Cabin color palette (#CFEAFF, #7FA0DA, #8962CF, #004A5B, #000511)
• Moonless Grove color palette (#EAE6FF, #7253BA, #480085, #140032, #020008)
• Aubergine Thicket color palette (#E3E7F4, #6758AD, #690028, #2E0071, #040001)
• Hushed Navy Thicket color palette (#EBF2FF, #BFCBF5, #6F86BD, #384787, #151C3B)
• Washed Boulevard color palette (#E6DCFF, #9E7DD0, #7232A8, #34005E, #0B001A)

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