Tempered Bronze color palette — #FFF3E8 · #D6A47C · #6BA983 · #9A6437 · #4C4E47

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

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Camel (#D6A47C): A luminous, balanced gold — the color of afternoon light on wheat.
• Jade (#6BA983): A luminous, balanced teal — the color of glacier melt.
• Ochre (#9A6437): A full-bodied, balanced gold — the color of old brass.
• Charcoal Brown (#4C4E47): quiet, heavy and certain.

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

• Hushed Olive color palette (#FAF5E5, #B4B47C, #56A7B0, #797621, #37563E)
• Weathered Pier color palette (#FFF3E8, #BE8C62, #7D925D, #9E607A, #47413C)
• Softworn Bronze color palette (#FCEFE6, #D4A990, #71A1CD, #A55B2B, #0D3930)
• Dusty Courtyard color palette (#FFF3E9, #C9B49F, #A97241, #864D22, #643E00)
• Softworn Dune color palette (#F8F6E6, #9BA85E, #BB7271, #616D00, #653031)
• Weathered Pewter Pier color palette (#FFF2EF, #D89DA8, #8697C6, #A15A6A, #5F425A)
• Wandering Amber color palette (#FFF1F7, #E7B99C, #84B8DE, #BF7949, #355067)
• Sunlit Delta color palette (#FFF3E2, #BB8B00, #009382, #765600, #00453C)

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