Cobalt Coast color palette — #DFECFC · #4481D1 · #353F5B · #152233 · #060E15

Azure takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DFECFC): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#4481D1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Navy (#353F5B): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#152233): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#060E15): 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

• Washed Cerulean Pier color palette (#CBEBF9, #0091A0, #254358, #0D252E, #031013)
• Ancient Iris color palette (#DEE5F4, #8088D2, #494A65, #282E3B, #14191F)
• Tempered Cornflower Villa color palette (#FFEFFF, #3A89ED, #2F2F5A, #180919, #000201)
• Periwinkle Archive color palette (#F7EAF8, #419DFE, #675A7F, #453746, #080F0B)
• Denim Summit color palette (#DEE9F6, #2064AB, #21223F, #01142A, #03060D)
• Quiet Coast color palette (#DEE3FF, #A081DC, #BD7539, #008B77, #2F2446)
• Byzantium Drift color palette (#DBDEF7, #9628FE, #4D274F, #201135, #030615)
• Dusty Lantern color palette (#F0F8F1, #B3DAF3, #619CC8, #007B82, #243C58)

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