Tempered Bronze color palette — #F2DDD8 · #B66500 · #5C4900 · #2A2D00 · #001E13

Ochre and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F2DDD8): A whisper-light, dusty orange — the color of autumn markets.
• Ochre (#B66500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#5C4900): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#2A2D00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#001E13): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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

• Pale Amber color palette (#FFE1D0, #D18600, #9F7700, #5F5A00, #1A2800)
• Hushed Bronze Coast color palette (#F8E8DA, #925F00, #533E00, #2F2A00, #0A0B00)
• Washed Scarlet color palette (#FCE2E5, #D94634, #793C00, #422A00, #201C00)
• Ultramarine Workshop color palette (#DAF4E8, #747100, #0052B9, #3D3B00, #001840)
• Patina Meadow color palette (#FCEFCC, #626600, #053C05, #002018, #000A0F)
• Frosted Aubergine color palette (#F4DAE2, #804D00, #5F00BA, #600075, #1D0E00)
• Misty Moss Parlor color palette (#F4E3D3, #AA9400, #636E00, #005120, #003A2E)
• Pale Magenta Lagoon color palette (#FCD8E6, #E75CFF, #6A7900, #0A1D0E, #000C07)

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