Tempered Bronze color palette — #FBEDD0 · #A18300 · #5A6000 · #004B45 · #33302A

Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FBEDD0): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#A18300): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#5A6000): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004B45): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Espresso (#33302A): a grounded near-black with real depth.

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

• Forest Balcony color palette (#FAF1DE, #897700, #006530, #004349, #432200)
• Antique Moss color palette (#FDF5E0, #98A02A, #4F7638, #125860, #3E3D36)
• Amber Grove color palette (#FAE6C8, #B08002, #516400, #03396A, #201600)
• Ember Meadow color palette (#FFEBD2, #CD6420, #7E4F00, #1B4C17, #352F2A)
• Gentle Bloom color palette (#FFF4DF, #FFBD5E, #B39B00, #6D7B27, #302E27)
• Emerald Villa color palette (#F7EFCD, #4E9B34, #006C46, #004661, #30312A)
• Soft Meadow color palette (#DBF7E0, #C49A4A, #6B8221, #1F5790, #163826)
• Olive Atelier color palette (#ECE7CE, #726700, #334400, #002B2B, #171800)

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