Tempered Cobalt color palette — #DFEAFD · #5C6EBC · #945100 · #3F4A00 · #050F26
Slate takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#DFEAFD): A whisper-light, dusty violet — the color of wild irises.
- Slate (#5C6EBC): A full-bodied, balanced violet — the color of a velvet chair.
- Ochre (#945100): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Olive (#3F4A00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#050F26): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Optimism, 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
- Feathered Indigo color palette (#EDF1FF, #6C5EC7, #764100, #064407, #000C14)
- Antique Chapel color palette (#EEF1FF, #8B76CA, #8B722D, #315E36, #15182E)
- Worn Petrol color palette (#D5EDFC, #0081A2, #964952, #603A00, #00121D)
- Antique Lilac color palette (#D3F3D9, #9E73C6, #873D67, #363D00, #240D28)
- Muted Boulevard color palette (#FFE7ED, #8C55A6, #924163, #464800, #391C25)
- Fern Lantern color palette (#FCE7F6, #778AD5, #B16E33, #4B6D00, #371B31)
- Feathered Byzantium Basin color palette (#F8E6FF, #A100CB, #665D00, #00482D, #16001E)
- Nightshade Villa color palette (#D8E0F8, #4C25C7, #5D3C00, #0C3000, #020010)
Browse the whole catalog at Explore, or see today's palette.