Cobalt Atelier color palette — #ECF8F5 · #FFDDD1 · #3F7BAD · #193B57 · #07120F

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

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Shell Pink (#FFDDD1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Slate (#3F7BAD): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#193B57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#07120F): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Cobalt Atelier 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

• Muted Lagoon Villa color palette (#EDF9EE, #FFDDCC, #00878E, #25402A, #09120B)
• Worn Quarry color palette (#FBF2F8, #DEEFAC, #696DBA, #4C2C42, #160B12)
• Washed Stone Veranda color palette (#ECF2FB, #E3A08F, #3C567C, #122843, #060D16)
• Celadon Lantern color palette (#EAF8FF, #B4E69F, #5DA0B5, #496879, #192329)
• Hushed Pewter color palette (#FFF1F6, #B7DE9C, #715295, #301D45, #090204)
• Washed Fuchsia color palette (#EEF8F4, #D2DDFB, #D973C4, #3393CA, #1E0C0E)
• Airy Amber color palette (#ECFAEA, #4CC9C1, #DD835A, #5A7E4B, #1C281A)
• Ultramarine Lagoon color palette (#FFF0FE, #FBB432, #0047CE, #001752, #030003)

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