Cobalt Atelier color palette — #FCF3ED · #A6D0BC · #3977CD · #006155 · #38355A

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

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Pistachio (#A6D0BC): A whisper-light, dusty teal — the color of glacier melt.
• Azure (#3977CD): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006155): A full-bodied, dusty teal — the color of sea glass.
• Navy (#38355A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. 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

• Hazy Cobalt color palette (#FFF2EB, #6AC7DB, #0074B1, #005840, #222E61)
• Hushed Indigo Thicket color palette (#FCF4EA, #A2D4FF, #5E6FEF, #006668, #483464)
• Wandering Cerulean Terrace color palette (#FCF3F0, #CCE4CA, #3B97B2, #446E45, #295047)
• Azure Courtyard color palette (#FBF4E9, #A0DEFE, #619BCD, #007A85, #4B2F4A)
• Hushed Amber Meadow color palette (#FCEBDE, #CB752F, #0083B5, #844200, #013A53)
• Cerulean Lantern color palette (#F5E7E1, #37A0A8, #00516E, #003219, #001135)
• Powder Ridge color palette (#FCF2F7, #C1E6FF, #87B6EA, #3A9D9B, #2F375E)
• Aged Ultramarine Hollow color palette (#F8EEE4, #79A4C3, #2A45C4, #003E3C, #251046)

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