Cobalt Atelier color palette — #FBF3EE · #C7E4D7 · #678AC6 · #007268 · #5E3B4F

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

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Celadon Mist (#C7E4D7): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#678AC6): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#007268): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5E3B4F): A full-bodied, dusty pink — the color of a candy shop window.

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

• Softworn Bloom color palette (#F9F4EE, #C2E6E6, #68ABE6, #108A97, #553F53)
• Muted Cobalt color palette (#FDF3ED, #A5D7ED, #4680CD, #00685B, #3B3475)
• Patina Pine color palette (#FBF3F1, #D1E2CF, #3998B0, #397135, #2A4B67)
• Timeworn Cobalt Quarry color palette (#FFF0F8, #E7D7CF, #FCBAAA, #417EAF, #5D444A)
• Bronze Lantern color palette (#FFF1F3, #AC70A9, #8F7A1C, #4C6F27, #512B32)
• Muted Grove color palette (#F7E8E1, #438C9E, #003F68, #002319, #04002D)
• Timeworn Powder color palette (#FBF2F6, #D6DFF6, #98BFFB, #57A99D, #3F4661)
• Frosted Grove color palette (#C3F0E0, #93ADE7, #6F6DC4, #6E3B93, #613856)

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