Tempered Ridge color palette — #F5F2E6 · #BBB48E · #608139 · #665300 · #2B2816

Built around Olive Leaf, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Cream (#F5F2E6): a clean, paper-quiet neutral.
• Sage (#BBB48E): A luminous, dusty green — the color of a quiet forest floor.
• Olive Leaf (#608139): A full-bodied, balanced green — the color of a quiet forest floor.
• Coffee (#665300): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#2B2816): 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

• Tempered Fern color palette (#EFF4E6, #8DC0AB, #2D8674, #4D5D17, #222B16)
• Weathered Pine color palette (#EEF8F0, #AAB779, #528152, #496050, #334740)
• Softworn Market color palette (#F9F4EC, #E1ECBB, #7DAC7D, #92702C, #3A3932)
• Olive Field color palette (#E3E0CF, #4F7521, #0D4201, #1B2200, #030300)
• Feathered Amber Balcony color palette (#EDF5E4, #5DB899, #BF7E00, #00775A, #382203)
• Timeworn Canyon color palette (#EEE8D1, #84974A, #3C6200, #1E4225, #161200)
• Tempered Balcony color palette (#E3F9E3, #00A2A3, #4D7CD5, #547824, #132314)
• Wandering Lagoon Harbor color palette (#E1FAE0, #67D0CE, #008B8A, #004E4D, #001A19)

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