Tempered Cobalt color palette — #F4F2E5 · #97A36C · #2F76B0 · #70393F · #3A200B
Slate and Cocoa set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F4F2E5): a clean, paper-quiet neutral.
- Moss (#97A36C): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#2F76B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#70393F): A full-bodied, dusty red — the color of a theater curtain.
- Espresso (#3A200B): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Cobalt Meadow color palette (#F0F4E7, #66AF81, #6B68AB, #723C14, #382204)
- Worn Lantern color palette (#F6F1EA, #BF9451, #00818A, #633C60, #3C1D1D)
- Teal Grove color palette (#F2F7ED, #4AAD89, #197D93, #445276, #44433B)
- Worn Mint color palette (#E7FAF6, #90C26E, #648FC1, #8E575E, #503A50)
- Wandering Canyon color palette (#F4F2E8, #C3C7A1, #5D8F7B, #726010, #31322B)
- Chestnut Chapel color palette (#F5F3DC, #B8CCAE, #729A85, #915135, #6E3314)
- Lagoon Ridge color palette (#E1EBCA, #75C3AC, #009B9A, #006778, #224236)
- Aged Veranda color palette (#EEF6DA, #009C58, #583CC1, #651D00, #2F0900)
Browse the whole catalog at Explore, or see today's palette.