Tempered Canyon color palette — #F9EBD6 · #A68A00 · #0079A6 · #712DAA · #160100
Plum and Mustard set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9EBD6): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mustard (#A68A00): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#0079A6): A full-bodied, balanced blue — the color of open sky before noon.
- Plum (#712DAA): A full-bodied, vivid violet — the color of a velvet chair.
- Ink (#160100): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged jewel, vibrant.
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
- Nightshade Summit color palette (#EEE9CF, #889B00, #008288, #483DA3, #29000D)
- Nightshade Corridor color palette (#FBE6D6, #CE6E00, #008286, #313EB5, #110004)
- Tempered Aubergine Lagoon color palette (#F3EBD1, #747F00, #005CB1, #6D0078, #040100)
- Hushed Sapphire color palette (#F1EED6, #769908, #0065E6, #951A77, #0E0500)
- Quiet Nightshade Pier color palette (#FBECD4, #9C9F00, #178D47, #4A41AE, #101A00)
- Wandering Plum Veranda color palette (#F4F0CD, #87B700, #4183FF, #B72498, #230E00)
- Quiet Nightshade Meadow color palette (#DFE3CB, #00842B, #4B41B3, #72003B, #030200)
- Hazy Aubergine Alley color palette (#F4EEDA, #686500, #00564F, #480064, #0A0600)
Browse the whole catalog at Explore, or see today's palette.