Tempered Cobalt color palette — #EEF6FF · #007ACB · #427700 · #00583E · #042D4D
A conversation between Azure and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Azure (#007ACB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#427700): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#00583E): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#042D4D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, 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
- Forest Coast color palette (#EAF8FF, #0083A0, #706900, #135A04, #00313E)
- Indigo Basin color palette (#F1F5FF, #7163CE, #007960, #00545C, #292649)
- Sunlit Balcony color palette (#D2DEF9, #5151BE, #006340, #004141, #14153B)
- Washed Olive color palette (#FFF0F8, #A596FF, #318B00, #00728A, #3D2131)
- Quiet Orchid Canyon color palette (#F1F0FF, #AC3ED7, #007F55, #00583A, #140F29)
- Sunlit Byzantium Cabin color palette (#E2E1FF, #8D38B6, #006668, #00435A, #2F0841)
- Patina Denim Corridor color palette (#F7F3FD, #AD7FA1, #4B889E, #3A6093, #403A4A)
- Softworn Pine Hollow color palette (#FFF1F6, #AC6100, #067D1D, #005747, #432200)
Browse the whole catalog at Explore, or see today's palette.