Tempered Cobalt color palette — #F0F5FF · #5B75B9 · #32662F · #004944 · #142A39
Slate takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Slate (#5B75B9): A full-bodied, balanced violet — the color of twilight just after sunset.
- Pine (#32662F): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004944): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#142A39): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Violet Boulevard color palette (#F3F4FF, #8F6AB3, #006C5F, #00475D, #1F2B43)
- Washed Forest color palette (#ECF7FE, #1685A4, #605900, #005721, #0E333C)
- Patina Driftwood color palette (#F3F0FA, #A8689F, #805D00, #00504B, #0F0E1E)
- Aubergine Canyon color palette (#EDECFF, #793B96, #004543, #002839, #0D082F)
- Gentle Grove color palette (#E7EEFF, #442CDC, #004E2D, #00373B, #001B31)
- Ancient Fern Station color palette (#FFF1F7, #AF7C55, #6A670D, #005733, #004047)
- Ancient Grove color palette (#FFF1F5, #BA84D8, #907300, #00716F, #3B232A)
- Timeworn Pewter color palette (#F6F4FA, #E1D7DD, #CEB9C3, #975E88, #4A4550)
Browse the whole catalog at Explore, or see today's palette.