Tempered Ridge color palette — #F6EDD6 · #7B7900 · #165400 · #002E1E · #000C0A

A conversation between Deep Olive and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Cream (#F6EDD6): A whisper-light, dusty gold — the color of honey in a jar.
• Olive Leaf (#7B7900): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#165400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#002E1E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000C0A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged 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

• Muted Bronze Summit color palette (#FFDFCC, #8F6700, #514A00, #172800, #001307)
• Tempered Olive Lantern color palette (#E1EACE, #678B00, #295600, #083601, #002309)
• Worn Grove color palette (#EBF3D9, #13861A, #00543D, #002F2F, #001014)
• Faded Moss color palette (#E1E1CC, #809E00, #3D7700, #00481C, #001108)
• Aubergine Grove color palette (#CFEEEC, #229149, #691891, #00421B, #10001A)
• Muted Ember color palette (#FBDEE8, #FB3818, #0B7417, #010E13, #000201)
• Timeworn Villa color palette (#E8EED0, #00A93E, #006C4D, #004243, #00222B)
• Hushed Bronze Market color palette (#EEDDE3, #876F00, #623800, #470400, #040600)

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