Cobalt Atelier color palette — #F0F6FC · #DDD7E8 · #D3B8D6 · #2A8DD0 · #36414B

Built around Cerulean, softened by Lavender — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#DDD7E8): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#D3B8D6): A luminous, dusty pink — the color of a candy shop window.
• Cerulean (#2A8DD0): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#36414B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Tempered Ash Courtyard color palette (#F3F5FB, #E1D8E1, #D5BBC6, #8C89BA, #444752)
• Dusty Bloom color palette (#EAEFF5, #D4D7E4, #BBB2CD, #3871BF, #242F3C)
• Azure Chapel color palette (#EAF9F5, #E5D4CE, #A7A293, #5F96CC, #213B35)
• Violet Balcony color palette (#F4F4FF, #E3DAEC, #D5B0CF, #9557BC, #312F49)
• Pine Bloom color palette (#A8FAFE, #A1BEE4, #AD81AF, #308562, #23533E)
• Indigo Hollow color palette (#E8EFFF, #6D70FF, #5E3061, #1A2542, #06131D)
• Peony Lagoon color palette (#F0F6FF, #86ECFF, #A2BBFF, #F857A4, #3A2C59)
• Weathered Raspberry Studio color palette (#E6F9FF, #00B1B5, #DA0061, #006547, #003A27)

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