Cobalt Studio color palette — #F9F0E9 · #AED1C2 · #567BBC · #005C54 · #201A3C

Slate takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F9F0E9): bright and airy, almost weightless.
• Oat (#AED1C2): A whisper-light, dusty teal — the color of sea glass.
• Slate (#567BBC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005C54): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#201A3C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Softworn Cobalt color palette (#F9F4ED, #A9CFBE, #377DB8, #005E68, #283A5B)
• Weathered Garden color palette (#FFEEE5, #7BC9DC, #0077BB, #00543E, #0E0256)
• Weathered Study color palette (#F9EFED, #B8CFB6, #008AA6, #0B600F, #00223E)
• Dusty Forest Quarry color palette (#F9EFED, #D0E2D0, #5698B0, #2B6E3A, #3A223C)
• Aged Periwinkle color palette (#EEF8F0, #D9D5E1, #68ACE9, #007D8A, #172C56)
• Aged Denim color palette (#F1E3DE, #4F97A0, #005071, #002E1A, #00011B)
• Timeworn Navy Orchard color palette (#F5E8DD, #4C7F9F, #193185, #001F1E, #020008)
• Hushed Nightshade Delta color palette (#F7ECE1, #77A899, #3B4CAD, #003939, #110026)

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