Tempered Amber color palette — #FFF2EA · #D7B79A · #BF7D5D · #8D5952 · #553600

Caramel takes the lead with Cocoa close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sand (#D7B79A): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#BF7D5D): A luminous, balanced orange — the color of toasted spice.
• Pewter (#8D5952): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#553600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Antique Driftwood color palette (#FCF4E4, #C1C28E, #A38E43, #7D6440, #453E00)
• Patina Coast color palette (#F8E4D4, #CDA67D, #B16D3F, #844839, #34302A)
• Quiet Chestnut Market color palette (#FEEBD9, #AD843D, #8B5000, #662700, #1C1500)
• Coral Meadow color palette (#E8FAF3, #4BA9DE, #CE6F6E, #896A0D, #1D3930)
• Dusty Olive color palette (#EFE5D4, #777121, #564200, #341F00, #030400)
• Petrol Courtyard color palette (#ECF8F3, #DAC18C, #227CA0, #224C3C, #14261E)
• Aged Orchard color palette (#E4EFFF, #AEB8FF, #957FDA, #845094, #5F2058)
• Feathered Wisteria Lantern color palette (#EEF8F4, #95CBF8, #C166C5, #2987C8, #301E21)

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