Tempered Ridge color palette — #F8F1E8 · #CDC3A6 · #758B61 · #825816 · #33312A

Coffee and Eucalyptus set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F1E8): a clean, paper-quiet neutral.
• Sand (#CDC3A6): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#758B61): A luminous, dusty green — the color of new leaves after rain.
• Coffee (#825816): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#33312A): quiet, heavy and certain.

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

• Hushed Forest color palette (#FAF0E6, #C5B18A, #717B4C, #2A614B, #302610)
• Tempered Taupe Lantern color palette (#EFF8EF, #B8DBC8, #8EA47A, #6F846E, #415249)
• Tempered Atelier color palette (#ECE7C7, #A6C89E, #45926B, #007162, #233F24)
• Twilit Quarry color palette (#E9DDCF, #736A00, #273E00, #00251D, #030300)
• Pine Terrace color palette (#FAF1DD, #99B274, #247E48, #594C00, #182500)
• Washed Terrace color palette (#E9F7E1, #BDD5AE, #389384, #005D4C, #00231E)
• Softworn Courtyard color palette (#E7E7D4, #468866, #004F49, #1C3100, #000B04)
• Cypress Studio color palette (#F7F0EC, #C8E4E2, #77A899, #257A71, #442D41)

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