Tempered Amber color palette — #F4EDE5 · #E2C487 · #B07C29 · #744D01 · #211301

Caramel and Bronze set the tone — five colors that lean into optimism and balance.

The five colors

• Cream (#F4EDE5): bright and airy, almost weightless.
• Sand (#E2C487): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Caramel (#B07C29): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#744D01): A full-bodied, balanced gold — the color of old brass.
• Ink (#211301): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Balance. Tagged luxury, dark, 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

• Taupe Balcony color palette (#F9F5EC, #EBD29F, #A5954E, #6F632E, #272112)
• Tempered Driftwood Lagoon color palette (#F8EBE6, #E0C58B, #BD6E66, #81413A, #250F05)
• Chestnut Veranda color palette (#F9ECDE, #C5B37F, #875800, #4B2F00, #1E1407)
• Frosted Lantern color palette (#EAE6CA, #E5B852, #768900, #485500, #0E1200)
• Amber Courtyard color palette (#E8E2CE, #B98F2A, #5E5C00, #2B2A00, #030200)
• Emerald Orchard color palette (#F2F9E0, #EECA7D, #39A660, #006F36, #191D07)
• Linen Amber Basin color palette (#FBF4E9, #E3C781, #48BB81, #B89000, #151B04)
• Ancient Veranda color palette (#F7F5EE, #D4DCD1, #B5C6B7, #A5A633, #3E3A2F)

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