Tempered Ridge color palette — #FAF5E6 · #B7B186 · #747931 · #844726 · #4B4300

Walnut takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FAF5E6): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#B7B186): A luminous, dusty green — the color of fresh herbs.
• Walnut (#747931): A full-bodied, balanced green — the color of new leaves after rain.
• Coffee (#844726): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#4B4300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Ridge 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

• Aged Olive color palette (#FFF4E0, #A9A855, #597424, #654D00, #3E3D03)
• Timeworn Veranda color palette (#F5F7E8, #A7B68F, #4A7F74, #71504B, #374A00)
• Washed Fern Drift color palette (#F8F6E3, #B5E6DA, #B7CFA9, #888055, #4F4C00)
• Cobalt Parlor color palette (#FAF6DB, #7F9246, #2C82B9, #994D65, #393831)
• Softworn Olive color palette (#FBF6DE, #9EA756, #867EC9, #656C00, #403B69)
• Hushed Delta color palette (#EEE4CD, #85944C, #366222, #483E01, #2F2907)
• Timeworn Field color palette (#EEF8F2, #A7CEC6, #5D9E89, #856586, #2B4944)
• Tempered Taupe color palette (#EBF9F1, #B0E1D2, #90B989, #A4859C, #2D4941)

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