Tempered Ridge color palette — #FFF1F6 · #D3B86D · #B66800 · #920F0F · #161B00
A conversation between Garnet and Ochre, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Sand (#D3B86D): A luminous, balanced green — the color of new leaves after rain.
- Ochre (#B66800): A full-bodied, balanced gold — the color of honey in a jar.
- Garnet (#920F0F): A full-bodied, vivid orange — the color of toasted spice.
- Ink (#161B00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
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
- Linen Bronze Balcony color palette (#DEFFE5, #B9C27B, #9E7700, #7A3800, #021F02)
- Dusty Mulberry Quarry color palette (#FFF0FA, #E2C19E, #BE735B, #8A3850, #062917)
- Hushed Rust color palette (#F7D8B8, #E5AD45, #D27E00, #B54D00, #322800)
- Amber Ridge color palette (#F6D8BC, #AD8800, #864A00, #701413, #262D00)
- Feathered Terracotta color palette (#FDDAEC, #BB9250, #974400, #62001B, #040400)
- Dusty Pewter color palette (#FFF1F6, #C5E7CD, #BF9472, #945853, #133A2E)
- Cocoa Ridge color palette (#D4E8D3, #918749, #6B4300, #400D00, #010100)
- Crimson Grove color palette (#F7F3FF, #FF93D9, #EF064A, #743C00, #211900)
Browse the whole catalog at Explore, or see today's palette.