Tempered Canyon color palette — #EFF9E5 · #B9D2C1 · #9A8899 · #8F6226 · #4A5201

Ochre and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EFF9E5): A whisper-light, dusty green — the color of fresh herbs.
• Oat (#B9D2C1): A whisper-light, dusty teal — the color of sea glass.
• Heather (#9A8899): A luminous, dusty pink — the color of neon signs at night.
• Ochre (#8F6226): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#4A5201): A full-bodied, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Hushed Bronze color palette (#E6FCEB, #D6C6D7, #A98E98, #816D22, #455447)
• Dusty Station color palette (#FFF4DD, #CBCCBA, #839A83, #89625C, #75410C)
• Tempered Coast color palette (#A8F4EA, #83B0CD, #7678AE, #6E5D27, #4A4D09)
• Pewter Lagoon color palette (#DFEEDF, #78AA9B, #615F90, #554812, #2A4321)
• Softworn Ash Studio color palette (#E4F5FF, #AEC3D6, #7A92B3, #6A657A, #453D4E)
• Bronze Alley color palette (#FFF0FB, #8696C7, #B47965, #897504, #4F3B4A)
• Worn Cobalt Coast color palette (#EAF9F4, #8DB5D7, #BA9054, #1878B8, #514C46)
• Linen Drift color palette (#D4E8F6, #929BD2, #955596, #115A08, #004741)

Browse the whole catalog at Explore, or see today's palette.