Tempered Bronze color palette — #E6F7E9 · #8BB79E · #907023 · #624526 · #112820

A conversation between Walnut and Cocoa, giving this palette its sense of nature and growth.

The five colors

• Cream (#E6F7E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8BB79E): A luminous, dusty teal — the color of sea glass.
• Walnut (#907023): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#624526): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Onyx (#112820): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Bronze Alley color palette (#FBEDF5, #CBA280, #A6603C, #6D3C35, #162818)
• Chestnut Lagoon color palette (#D3E6D9, #9E9C5E, #7A6200, #563700, #031D16)
• Amber Corridor color palette (#EAFAED, #DEE1B1, #BE974B, #8A5F49, #1C3733)
• Stone Lantern color palette (#FFF4E2, #CABF7D, #A68B53, #6E6862, #3F3D36)
• Olive Studio color palette (#D5E9DE, #6D7931, #4C4500, #2E2000, #000705)
• Weathered Iris color palette (#ECF2FF, #717DD7, #A66300, #495A02, #12192A)
• Smoked Chestnut Study color palette (#F5D7E3, #704900, #412000, #1F0500, #020100)
• Ancient Denim color palette (#EBF2FE, #CAB079, #3A4F97, #1A2548, #070C17)

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