Tempered Ridge color palette — #FFF2EF · #B1B37C · #723F4E · #491E2B · #2C1E1B

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Sage (#B1B37C): A luminous, dusty green — the color of new leaves after rain.
• Cocoa (#723F4E): A full-bodied, dusty red — the color of late-summer berries.
• Espresso (#491E2B): A deep, shadowed, dusty red — the color of a theater curtain.
• Onyx (#2C1E1B): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Terracotta Studio color palette (#F7EFF7, #D6A986, #8A343B, #351E34, #120911)
• Antique Dune color palette (#FBF3EF, #CEBF9A, #7F5040, #5B2800, #2C2518)
• Weathered Marigold color palette (#FFF3E7, #BD9E3C, #693B00, #3A1F00, #181300)
• Straw Balcony color palette (#FBF1FF, #DFDA80, #BA8394, #6E5B77, #261E2A)
• Mulberry Hollow color palette (#FDF3F0, #DB9AA1, #527D37, #AE1441, #25250E)
• Washed Garnet color palette (#F5E0D7, #A29500, #730206, #3A0102, #120500)
• Patina Navy color palette (#FFF3E3, #C78473, #7D681C, #3C468A, #423C37)
• Wandering Dune color palette (#FEF3E6, #A27530, #496B26, #004A71, #3A1F1B)

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