Tempered Bronze color palette — #FFF2E9 · #A15C2F · #4B6211 · #004C60 · #3B1F1F

Built around Ochre, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Ochre (#A15C2F): A full-bodied, balanced gold — the color of honey in a jar.
• Olive (#4B6211): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#004C60): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#3B1F1F): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Powdered Navy color palette (#FDF3EA, #A07037, #006945, #163D83, #3B2315)
• Weathered Dune color palette (#FFF2ED, #A35459, #794900, #005043, #391C29)
• Frosted Aubergine color palette (#FAF5E3, #676907, #00555F, #510168, #2E1C02)
• Weathered Orchard color palette (#FFF4E1, #CA7F83, #896124, #274C88, #433B38)
• Soft Fern color palette (#F8EAD3, #745700, #2E5100, #003153, #380011)
• Antique Grove color palette (#EAF5ED, #A08326, #006E50, #004954, #0A1624)
• Softworn Navy color palette (#FFF1F1, #B56F91, #516F1F, #25418F, #512743)
• Airy Orchard color palette (#FFE7EC, #DCA094, #A4601C, #684900, #393E00)

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