Tempered Amber color palette — #FFF2EA · #D7B890 · #BE7D5F · #8D575E · #403D36
Built around Caramel, softened by Pewter — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Sand (#D7B890): A luminous, dusty gold — the color of honey in a jar.
- Caramel (#BE7D5F): A luminous, balanced orange — the color of autumn markets.
- Pewter (#8D575E): A full-bodied, dusty red — the color of late-summer berries.
- Charcoal (#403D36): a grounded near-black with real depth.
Feels like: Optimism, 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
- Muted Amber color palette (#FEF4E5, #C8BE96, #AB8A42, #8D5B3F, #3E4100)
- Patina Corridor color palette (#FBE3D4, #CDA677, #B96745, #804752, #33302A)
- Antique Blush Bloom color palette (#F5F3FF, #DFB0E4, #D27091, #9E5029, #543A00)
- Gentle Garnet Courtyard color palette (#EFE3D9, #A78747, #934A00, #72101D, #1C1600)
- Antique Courtyard color palette (#F1DAC2, #BCA437, #A76700, #971D00, #212E00)
- Timeworn Rust Alley color palette (#FFF1F0, #D07BA3, #B95A38, #006E6A, #3D2626)
- Amber Loft color palette (#FBF2F7, #BFBDF7, #C27F00, #7B73C9, #2C2217)
- Patina Indigo color palette (#FDF1F8, #A8D1A1, #6C67AF, #56374A, #2B1C25)
Browse the whole catalog at Explore, or see today's palette.