Cobalt Studio color palette — #EEF8F1 · #A0904E · #3D86B9 · #68557D · #334138

Cerulean and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF8F1): bright and airy, almost weightless.
• Moss (#A0904E): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#3D86B9): A full-bodied, balanced blue — the color of open sky before noon.
• Graphite (#68557D): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#334138): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Cobalt Studio 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

• Petrol Archive color palette (#EBF9F3, #8D8A46, #3A70A7, #643D66, #41303A)
• Cobalt Corridor color palette (#EBF8F6, #709E6F, #7E75B3, #834B61, #2D423F)
• Muted Lantern color palette (#FFF0F8, #BD7F5F, #179190, #40618B, #483741)
• Washed Hollow color palette (#EBF5EB, #C68618, #8C76AE, #585A7F, #1C261B)
• Tempered Marigold color palette (#FCF4E7, #CEA53B, #9794CC, #77759D, #403D36)
• Lagoon Boulevard color palette (#EAFAED, #94B379, #0E8B6E, #614F7E, #364D4A)
• Weathered Orchard color palette (#EFF7F5, #D3DCDF, #ACAAB9, #7A8860, #4D5452)
• Feathered Nightshade color palette (#DDFEF2, #819123, #3C44B8, #780E79, #292F03)

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