Tempered Canyon color palette — #FFF3E7 · #B17028 · #007BA5 · #63427B · #37322C
Ochre and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Ochre (#B17028): A luminous, balanced gold — the color of honey in a jar.
- Cerulean (#007BA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Plum (#63427B): A full-bodied, balanced violet — the color of wild irises.
- Espresso (#37322C): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Creativity, Balance. 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
- Dusty Coast color palette (#FFF3E9, #B66C38, #476DBE, #7B3C4C, #38322D)
- Tempered Alley color palette (#FAF5E7, #877D20, #006B7E, #5C2B6F, #332713)
- Tempered Field color palette (#FFF3E8, #A19B4A, #127D57, #623E69, #3E3D36)
- Weathered Amber color palette (#FBF4E9, #AB8C3B, #906FA8, #7E4E64, #403D36)
- Ancient Raspberry color palette (#FFF1F0, #B76088, #008376, #3E4E8C, #432C2A)
- Muted Bronze color palette (#E2F9E6, #AA7E00, #258869, #74404E, #0F1E13)
- Tempered Aubergine Quarry color palette (#F3E3C1, #7B6600, #005AA1, #670064, #271F00)
- Tempered Amber Delta color palette (#FFF4E3, #C99500, #4BA285, #925C6E, #36322C)
Browse the whole catalog at Explore, or see today's palette.