Tempered Bronze color palette — #F7D6E0 · #8B7326 · #623B00 · #471600 · #161800

Built around Walnut, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F7D6E0): A whisper-light, dusty rose — the color of strawberry cream.
• Walnut (#8B7326): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#623B00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#471600): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#161800): 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 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

• Antique Olive color palette (#CBEDDA, #6D7E44, #4F4600, #382300, #001D02)
• Patina Amber Drift color palette (#DAE5D9, #AE8438, #855400, #5C3100, #001C0A)
• Shadow Chestnut color palette (#EEDAE3, #715323, #462000, #280000, #050300)
• Obsidian Bronze color palette (#D7F3E8, #A36E0B, #252A00, #080B00, #000204)
• Tempered Terrace color palette (#D6EBE3, #708000, #004850, #2E3600, #000407)
• Dusty Iris color palette (#F0DCF2, #7682FF, #9C7D00, #141907, #000B03)
• Fern Study color palette (#CCF5EB, #375E00, #004577, #4B0039, #061100)
• Hushed Emerald Coast color palette (#E7EBD8, #3A9649, #005B4F, #002E32, #001925)

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