Tempered Cobalt color palette — #CDE5DA · #7AAFA1 · #657AB7 · #784A75 · #4C2E2D

Slate and Graphite set the tone — five colors that lean into creativity and sophistication.

The five colors

• Silver (#CDE5DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#7AAFA1): A luminous, dusty teal — the color of sea glass.
• Slate (#657AB7): A full-bodied, balanced violet — the color of wild irises.
• Graphite (#784A75): A full-bodied, balanced pink — the color of a candy shop window.
• Espresso (#4C2E2D): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Creativity, Sophistication. Tagged vintage, retro, 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

• Dusty Veranda color palette (#DCECE0, #66AFC6, #398BBE, #5D4B77, #442646)
• Washed Mulberry color palette (#D1E0FA, #A1A8D5, #8274AC, #7E4057, #572729)
• Hushed Corridor color palette (#CFE4DF, #63A5BB, #556B9D, #643700, #302E27)
• Periwinkle Coast color palette (#CBE6E5, #82BCD6, #7B96C9, #9C696B, #4C2B3D)
• Chestnut Grove color palette (#DFFFE3, #87C8CC, #7888BB, #7E4F13, #472801)
• Antique Mulberry Loft color palette (#F4EAFF, #936B94, #774062, #501F00, #201000)
• Driftwood Bloom color palette (#FFEFFF, #DEBFD7, #B393A3, #956E6B, #664A41)
• Hushed Azure Field color palette (#CAEEFB, #00AADA, #007CAC, #00527F, #04335C)

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