Tempered Cobalt color palette — #F6F1E9 · #A6D3C6 · #5C7CB3 · #00586D · #181C40

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

The five colors

• Cream (#F6F1E9): bright and airy, almost weightless.
• Pistachio (#A6D3C6): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#5C7CB3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#00586D): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#181C40): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Gentle Corridor color palette (#FBF0E0, #88C5E2, #0077BC, #005058, #001642)
• Muted Harbor color palette (#F7F1E8, #B5CFB7, #008BA0, #005D4B, #002432)
• Muted Indigo color palette (#FEF1F5, #A1CAEC, #5C70CA, #005F60, #403258)
• Patina Denim Chapel color palette (#E9E2D7, #5394A8, #005070, #002C2B, #00040E)
• Aged Navy color palette (#CCE6EF, #44A7D0, #0071AD, #003885, #0E1948)
• Dusty Grove color palette (#F1F7F2, #B8D8F8, #6B95DE, #007893, #2E3A55)
• Aged Petrol color palette (#FEEAFF, #E2D1F2, #CBAAE2, #00779E, #30152D)
• Denim Alley color palette (#DBEEE9, #5895D3, #A96D00, #005798, #2A1800)

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