Tempered Ridge color palette — #FFEDE9 · #DFD4C8 · #CEC18F · #976B81 · #531C00

Espresso takes the lead with Sand close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFEDE9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Bone (#DFD4C8): A whisper-light, dusty gold — the color of old brass.
• Sand (#CEC18F): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#976B81): A full-bodied, dusty rose — the color of strawberry cream.
• Espresso (#531C00): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, 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

• Driftwood Terrace color palette (#FBF1FF, #E9D8D8, #C3C487, #8970A4, #593E53)
• Ancient Bronze color palette (#FFEFDE, #D7E4AF, #ABBF6E, #A75026, #3F2901)
• Muted Dune color palette (#FDF0E0, #BEA884, #8E6E45, #703E03, #2A220B)
• Plum Basin color palette (#FFEBE0, #FFB677, #CFA32D, #B13752, #3D1300)
• Worn Chapel color palette (#FFF2EF, #E1DCCF, #A9ABB5, #C38EAD, #672A12)
• Softworn Garnet color palette (#FEE0C9, #9A804F, #646D00, #630800, #030100)
• Muted Chestnut color palette (#FEE1BD, #CECA98, #92AF7A, #874E23, #231700)
• Airy Garnet color palette (#F9E8E7, #E48757, #9B6800, #6A0035, #110100)

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