Cobalt Studio color palette — #F4E6EC · #7DBBD9 · #3B77B7 · #005958 · #13174A

Slate and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F4E6EC): bright and airy, almost weightless.
• Sky (#7DBBD9): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3B77B7): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005958): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#13174A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Muted Cobalt color palette (#E8F2E6, #A3C9EC, #6B83C6, #006A78, #2E2455)
• Gentle Cobalt color palette (#FEF3EB, #97D6F4, #007CDA, #005150, #050331)
• Muted Petrol color palette (#E9DCE4, #60B2AF, #007386, #004D2C, #001624)
• Cerulean Balcony color palette (#FFF0FB, #6CDFEB, #009AC5, #007558, #00355C)
• Denim Workshop color palette (#E7DCE2, #509EBA, #005C96, #003C38, #02002F)
• Lagoon Canyon color palette (#FBF2F5, #D7DDFB, #8CA5D3, #358890, #3C4666)
• Aged Lantern color palette (#C4E8E0, #78CCD5, #66A0F1, #3F741E, #002E2F)
• Hushed Parlor color palette (#D1F2F8, #009B8C, #B14199, #006057, #33002A)

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