Tempered Ridge color palette — #E8DDCF · #A97E00 · #684500 · #331B00 · #020100

Built around Mustard, softened by Bronze — the whole palette hums with optimism and sophistication.

The five colors

• Bone (#E8DDCF): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#A97E00): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#684500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#331B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Washed Cocoa color palette (#EFDACD, #BC703D, #813000, #430800, #030100)
• Hushed Moss Alley color palette (#E4E0CC, #979400, #4B5600, #172300, #000200)
• Patina Summit color palette (#F3E3CC, #B0984D, #7B5900, #462B00, #060300)
• Nocturne Olive color palette (#EDE7D3, #6D7B1A, #3F3F00, #161200, #010100)
• Bronze Hollow color palette (#FFF4E1, #D1BA5F, #9D7800, #684600, #1C1900)
• Forest Harbor color palette (#FCEEDD, #825500, #005E2F, #002F2D, #020100)
• Weathered Moss Summit color palette (#DBF2E8, #969F00, #C56B00, #0F0C04, #030100)
• Amber Studio color palette (#FFF2E9, #FFC191, #D77331, #944528, #3B2100)

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