Worn Cobalt Coast color palette — #CCF0F7 · #527AA8 · #523E64 · #212300 · #010100

Slate and Charcoal set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#CCF0F7): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#527AA8): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#523E64): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#212300): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Worn 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

• Softworn Garnet color palette (#CCE7FF, #857CB5, #713756, #002509, #000301)
• Aubergine Ridge color palette (#C5E8F6, #4A6E98, #482F69, #201F00, #00110B)
• Timeworn Corridor color palette (#E5F3EB, #47919D, #365278, #2F1900, #060300)
• Cellar Aubergine color palette (#DBE0EF, #575483, #492C5F, #3A0111, #0A0000)
• Denim Courtyard color palette (#F1E2D7, #79AABF, #005794, #002B29, #00000B)
• Wandering Garnet color palette (#EDEDFC, #7E81A8, #875C8D, #742826, #200500)
• Hushed Lagoon color palette (#E9E8D4, #478B5E, #00473C, #001F2A, #000200)
• Aubergine Harbor color palette (#EEE7FD, #9961C2, #590A97, #220D10, #0A0014)

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