Cobalt Atelier color palette — #F9F3F9 · #A9C5F6 · #C87376 · #587FC7 · #331E17

Built around Azure, softened by Coral Clay — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Sky (#A9C5F6): A luminous, dusty violet — the color of a velvet chair.
• Coral Clay (#C87376): A luminous, balanced red — the color of late-summer berries.
• Azure (#587FC7): A luminous, balanced violet — the color of a velvet chair.
• Onyx (#331E17): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Sophistication. Tagged duotone, 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

• Aged Villa color palette (#FBF2F6, #D7C7FA, #CC8682, #9281B7, #332C29)
• Cobalt Loft color palette (#EDF8F3, #87CEF7, #AB78BE, #008BC1, #301E23)
• Timeworn Canyon color palette (#F1F5FC, #DDD7F2, #E27797, #6588D0, #180E1B)
• Patina Parlor color palette (#F8F7DD, #A7A9F1, #A97296, #0D7559, #52323F)
• Feathered Fuchsia color palette (#FBF2F7, #D2CFFF, #DA8AEC, #9E94EA, #321D22)
• Airy Grape Ridge color palette (#F2F5FD, #ACA7DD, #98528A, #6146B9, #272033)
• Chalky Garnet color palette (#E9F0FF, #C9B2F1, #B27CB3, #944869, #741523)
• Tempered Lantern color palette (#FBF2F6, #E4D8D4, #CCBDB4, #9088B3, #4F4449)

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