Tempered Cobalt color palette — #E5FAF7 · #A8EBEA · #70ADBD · #7069A7 · #27444E

Built around Slate, softened by Sea Foam — the whole palette hums with trust and stability.

The five colors

• Ivory (#E5FAF7): A whisper-light, dusty teal — the color of shallow lagoons.
• Sea Foam (#A8EBEA): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#70ADBD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#7069A7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#27444E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Softworn Petrol color palette (#E6FBF3, #C3E9BF, #77B096, #3E7A9C, #234644)
• Dusty Pewter color palette (#EBF7FE, #8CD9EF, #8597CF, #86568D, #054046)
• Weathered Quarry color palette (#F6F7E6, #4ABDB0, #41828C, #6E4E63, #3D4D3C)
• Seafoam Lagoon color palette (#FEF0FB, #95E3C3, #6DBAD7, #B47A76, #314D53)
• Ancient Basalt Basin color palette (#E9F8FF, #D4D9E7, #BCBCD6, #918FA7, #51495F)
• Stone Hollow color palette (#EEF8F2, #C0DDEB, #A8B588, #639089, #374B43)
• Washed Ridge color palette (#E7F9FF, #70BDC2, #415864, #182F36, #091113)
• Dusty Mulberry color palette (#FEF0FF, #88BCF0, #6579C3, #881C68, #0B223D)

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