Tempered Amber color palette — #FFF2EB · #F1B497 · #C58A5E · #94673C · #504B45

A conversation between Caramel and Walnut, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Melon (#F1B497): A luminous, balanced orange — the color of sun-warmed clay.
• Caramel (#C58A5E): A luminous, balanced gold — the color of old brass.
• Walnut (#94673C): A full-bodied, balanced gold — the color of old brass.
• Charcoal Brown (#504B45): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

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 Garden color palette (#FEF3E9, #E7BA98, #CAA0D3, #B47F55, #674049)
• Weathered Taupe color palette (#FFEDD8, #E5C694, #BB9F5F, #8A7C47, #614B00)
• Hushed Blush Dune color palette (#FFF1F0, #F1B0C4, #D38B9B, #A16267, #58504D)
• Tempered Quarry color palette (#FEECFF, #FFC9B9, #F4A76D, #B99061, #3B5746)
• Frosted Marigold color palette (#EFDAC9, #F39C12, #B07700, #7B5A00, #513F00)
• Tempered Lantern color palette (#FFF3E5, #D6A870, #8DB17F, #B9808C, #5D3900)
• Sunlit Cabin color palette (#EFEDBE, #B9C474, #859844, #5B793A, #354C28)
• Timeworn Atelier color palette (#F6E3D8, #A25900, #673E00, #331F00, #100800)

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