Tempered Bronze Ridge color palette — #F8F1E5 · #B9C193 · #A07C3A · #7E4917 · #2C2D21

A conversation between Mocha and Bronze, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Pistachio (#B9C193): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#A07C3A): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#7E4917): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#2C2D21): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered Bronze 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

• Washed Villa color palette (#FBF4E7, #C3B799, #9B7B37, #7A560D, #564600)
• Ancient Taupe color palette (#EEDDCD, #B19546, #8B5622, #5B302B, #1C1802)
• Weathered Bone Lagoon color palette (#EBFAEF, #B1EBD4, #93B99F, #6A8269, #2F443E)
• Peony Courtyard color palette (#FEEDEF, #BD78AA, #8D6A27, #604717, #0F2017)
• Terracotta Grove color palette (#FDE1D2, #C77800, #9E2F06, #680030, #171100)
• Washed Iris Boulevard color palette (#FCEDF7, #828FD6, #848750, #606232, #2C1D28)
• Washed Coast color palette (#FFEBD4, #807300, #5D3B00, #410F00, #060500)
• Dusty Bronze Quarry color palette (#F6EFF5, #A7C3FD, #AD7447, #5870A5, #1C140E)

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