Tempered Cobalt color palette — #DFE9FF · #616DBC · #32753E · #125121 · #070F22
Slate takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#DFE9FF): A whisper-light, dusty violet — the color of wild irises.
- Slate (#616DBC): A full-bodied, balanced violet — the color of a velvet chair.
- Olive (#32753E): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#125121): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#070F22): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, 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
- Powdered Violet Boulevard color palette (#E9E6FC, #945AA6, #007758, #00513B, #110B23)
- Washed Indigo Field color palette (#EBEDFF, #7D5BB3, #7C5B00, #015411, #22243C)
- Sunlit Indigo color palette (#E2E9FA, #6266D0, #855B05, #5B3D00, #080F23)
- Pale Lilac color palette (#FFF1F6, #A98CDE, #A28739, #2C7037, #270918)
- Ancient Driftwood color palette (#F8EDFF, #B76B89, #7D7836, #5A5400, #211428)
- Chalky Plum color palette (#F0E9FF, #B300A1, #006B58, #00463A, #190016)
- Wandering Iris color palette (#D0F1ED, #907AC9, #8B3F4C, #004244, #1A122E)
- Plum Harbor color palette (#F6EEFF, #A73877, #5C4B00, #3E3200, #000B18)
Browse the whole catalog at Explore, or see today's palette.