Tempered Amber color palette — #FDF2F5 · #C58C45 · #006E5C · #6F4500 · #001D20

Mustard and Bronze set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FDF2F5): bright and airy, almost weightless.
• Mustard (#C58C45): A luminous, balanced gold — the color of afternoon light on wheat.
• Pine (#006E5C): A full-bodied, balanced teal — the color of glacier melt.
• Bronze (#6F4500): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#001D20): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Optimism, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Tempered Amber 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

• Aged Terrace color palette (#F8F1E6, #BC9C46, #00765E, #695100, #030800)
• Denim Terrace color palette (#EFF8F2, #AA9A4E, #006590, #5D4F00, #091A26)
• Washed Garnet Villa color palette (#FEF1FA, #D47F6F, #006D64, #921A08, #001D22)
• Weathered Corridor color palette (#F4E2D5, #AD9A4E, #4B7A2B, #00523E, #003741)
• Hazy Bronze Meadow color palette (#FFE6F7, #9A8523, #006A55, #582962, #29350F)
• Emerald Hollow color palette (#EDF9F0, #CCB26D, #269845, #8C6D00, #001E1C)
• Muted Bronze color palette (#E3EDE3, #9C6C00, #004756, #442D00, #000408)
• Violet Ridge color palette (#E9F9F6, #6FB662, #7E5CCB, #135502, #1F1537)

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