Tempered Cobalt color palette — #D8EFF0 · #008D94 · #4D6AB7 · #3E6822 · #00171F
A conversation between Slate and Olive, giving this palette its sense of nature and growth.
The five colors
- Frost (#D8EFF0): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#008D94): A full-bodied, balanced blue — the color of open sky before noon.
- Slate (#4D6AB7): A full-bodied, balanced violet — the color of wild irises.
- Olive (#3E6822): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#00171F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.
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
- Emerald Villa color palette (#C7EAE7, #009547, #007B93, #745600, #001817)
- Airy Cerulean color palette (#E5F5FF, #009BC8, #8371BD, #3C795C, #0C212D)
- Cobalt Studio color palette (#D8ECFF, #007AC5, #874B84, #005135, #03111F)
- Faded Chapel color palette (#E1EFFF, #0073CA, #9800BE, #005F57, #000F22)
- Ancient Turquoise Coast color palette (#CAF9FF, #00BFCC, #00757E, #003A3F, #001012)
- Gentle Pewter color palette (#CDEFD0, #008B90, #8B529A, #785300, #16331B)
- Quiet Indigo Courtyard color palette (#DEE3FF, #6B6AFF, #BD3590, #006E7E, #121333)
- Weathered Periwinkle color palette (#EAF3FF, #799CDD, #AD79AA, #4E8190, #1F2835)
Browse the whole catalog at Explore, or see today's palette.