Cobalt Atelier color palette — #FFF2EB · #A7D0BA · #387EB1 · #006059 · #4C2F49

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Pistachio (#A7D0BA): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#387EB1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006059): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#4C2F49): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Muted Cobalt color palette (#FEF3E9, #A7D5F4, #4E7ECF, #00656C, #3A3968)
• Forest Summit color palette (#FEF3ED, #AECFAE, #298599, #00633C, #043F5D)
• Weathered Cerulean color palette (#E9F5F3, #ACCDE0, #2F86AA, #005A64, #002337)
• Softworn Petrol Courtyard color palette (#FFF0F8, #F5C7CD, #DCA1AF, #3C6FA1, #533740)
• Ash Harbor color palette (#FBF3EF, #C9E9E6, #71A0BE, #607655, #604A5F)
• Softworn Lagoon color palette (#EBDDD5, #4F9E9F, #005363, #00321D, #001625)
• Indigo Quarry color palette (#FFD8EC, #7B64CE, #776F00, #1C6632, #401E31)
• Worn Field color palette (#FDF1F8, #C4E6F9, #70B9F2, #09A195, #29395D)

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