Tempered Amber color palette — #FFF3E7 · #E9CC93 · #C48040 · #8B4C3B · #322600
A conversation between Mustard and Coffee, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Wheat (#E9CC93): A whisper-light, balanced gold — the color of afternoon light on wheat.
- Mustard (#C48040): A luminous, balanced gold — the color of afternoon light on wheat.
- Coffee (#8B4C3B): A full-bodied, balanced orange — the color of autumn markets.
- Espresso (#322600): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, 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
- Dusty Lantern color palette (#FFF4DB, #C6DA95, #A19342, #825500, #122F12)
- Linen Bronze Grove color palette (#FBE5CF, #C19862, #995A00, #693300, #271900)
- Hushed Garnet Terrace color palette (#FFF2EA, #DEB36A, #BB6400, #8E1B0A, #1D1900)
- Bronze Ridge color palette (#FFE7F0, #E6C193, #DD9040, #C26100, #473100)
- Cocoa Ridge color palette (#F3DCCD, #B17832, #7E3400, #46000B, #020100)
- Weathered Chestnut Parlor color palette (#F5E3C0, #96A15E, #725E00, #482A00, #010500)
- Wandering Terrace color palette (#EAFBE3, #30D1BA, #D05067, #A73D51, #00211C)
- Periwinkle Parlor color palette (#FEF0FF, #4198FF, #7D5DC4, #8C2C00, #00180F)
Browse the whole catalog at Explore, or see today's palette.