Tempered Cobalt color palette — #E7FAF4 · #7FB6E6 · #C380AA · #3378AF · #624445
Built around Slate, softened by Dusty Rose — the whole palette hums with trust and stability.
The five colors
- Ivory (#E7FAF4): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#7FB6E6): A luminous, balanced blue — the color of open sky before noon.
- Dusty Rose (#C380AA): A luminous, balanced pink — the color of peonies in June.
- Slate (#3378AF): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#624445): A full-bodied, dusty red — the color of embers at dusk.
Feels like: Trust, Stability, Creativity, Balance. Tagged 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
- Washed Lilac Courtyard color palette (#EFF8EF, #76BFBE, #9C8BD6, #008384, #5F4451)
- Dusty Powder color palette (#E3F7F1, #7EBAEE, #C88D6B, #4476A1, #36302B)
- Weathered Jade Balcony color palette (#FAF2FB, #87B3EA, #5AAD7D, #4B75A8, #4C4E47)
- Washed Powder color palette (#EDF6FF, #8ECBFF, #DBA381, #6192BA, #614252)
- Dusty Atelier color palette (#FFF1F4, #BD89C9, #CE6B00, #874895, #5C3920)
- Petal Studio color palette (#FCF1FC, #E8D5D8, #D1CBFF, #608E81, #594C57)
- Hushed Denim Loft color palette (#FBF2F7, #EAAEB0, #5C558C, #4B2E3E, #2F2122)
- Scarlet Lantern color palette (#FAE9F2, #877FDB, #D03B3D, #533EAF, #572220)
Browse the whole catalog at Explore, or see today's palette.