Tempered Ridge color palette — #F8F5ED · #D5D3B5 · #7DA97A · #AB6B48 · #564E00
Built around Mocha, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8F5ED): a clean, paper-quiet neutral.
- Oat (#D5D3B5): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#7DA97A): A luminous, balanced green — the color of fresh herbs.
- Mocha (#AB6B48): A full-bodied, balanced orange — the color of toasted spice.
- Deep Olive (#564E00): A full-bodied, balanced 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
- Tempered Fern color palette (#FAF5EB, #C5C499, #5B8D77, #775E64, #535000)
- Fern Delta color palette (#F4E8D4, #96974D, #4B6D00, #564200, #1C1C00)
- Worn Taupe color palette (#FFF3E3, #DCCD8A, #A9A84A, #697A3F, #505149)
- Antique Grove color palette (#F7F6E6, #B9E3DA, #C9C5CF, #B2A17C, #575400)
- Patina Stone color palette (#EDF8F3, #BDDEF1, #90B8AE, #7A8C78, #394B45)
- Hushed Jade color palette (#E5E7D2, #68B88C, #00856F, #714C21, #242D09)
- Patina Lagoon color palette (#F8F6E2, #93CB98, #009E72, #8A5D3B, #3A3B34)
- Periwinkle Garden color palette (#F9F6E1, #A5BC72, #68ACE0, #BB7E8D, #43433B)
Browse the whole catalog at Explore, or see today's palette.