Cobalt Coast color palette — #D1EAFC · #007BC5 · #00539B · #00236A · #200341

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D1EAFC): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#007BC5): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00539B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#00236A): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#200341): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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

• Hazy Cornflower Veranda color palette (#D0E6F6, #149BF5, #007FE8, #004EB1, #0B1B4E)
• Frosted Cerulean color palette (#CBE8F4, #0088AF, #005072, #002F4D, #141137)
• Chalky Navy Lantern color palette (#C1E9F2, #00769D, #00498B, #10007A, #0B0027)
• Nightshade Lagoon color palette (#DCEBFF, #3A6CD5, #262EBD, #271388, #1F1255)
• Soft Nightshade color palette (#E7ECFC, #6B7BE1, #2C32A2, #0F0057, #04002A)
• Worn Navy Quarry color palette (#E6F0FF, #2E66D1, #9B2156, #002A92, #380019)
• Soft Navy color palette (#D8DFEF, #B9B3FB, #9976BC, #23478B, #211F4A)
• Soft Bloom color palette (#DEE5F8, #3644CB, #860071, #00464C, #060938)

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