Tempered Canyon color palette — #F4F3E3 · #8A9E5A · #97759B · #705173 · #262311
Moss and Heather set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F4F3E3): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#8A9E5A): A luminous, balanced green — the color of a quiet forest floor.
- Heather (#97759B): A luminous, dusty pink — the color of peonies in June.
- Graphite (#705173): A full-bodied, dusty pink — the color of neon signs at night.
- Onyx (#262311): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication. Tagged muted.
Use it as a design system
One click turns Tempered Canyon 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
- Tempered Taupe Lagoon color palette (#F4F2E5, #8C9D61, #578B9D, #4D5C89, #252314)
- Aged Cocoa color palette (#EFF4E7, #75AA8C, #79669B, #72383B, #3A2006)
- Tempered Pewter color palette (#EDF9ED, #5C9D9D, #727BAD, #6D5282, #304331)
- Softworn Lagoon color palette (#E9F6E7, #009A94, #A65E55, #783F39, #101E0E)
- Driftwood Pier color palette (#EBF8F9, #7EBA9F, #78A0C5, #A26190, #244344)
- Olive Terrace color palette (#F3F2EA, #B8CC95, #5C88AA, #657B37, #071A15)
- Stone Grove color palette (#EBF9F3, #C0CB7F, #D49CAB, #AA7163, #25362F)
- Muted Lagoon color palette (#F5F5CB, #9CD3B0, #48988B, #006172, #002D4B)
Browse the whole catalog at Explore, or see today's palette.