Tempered Amber color palette — #FDE9DA · #D16A00 · #377600 · #874200 · #010200
Built around Pumpkin, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#FDE9DA): A whisper-light, dusty gold — the color of honey in a jar.
- Pumpkin (#D16A00): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#377600): A full-bodied, balanced green — the color of a quiet forest floor.
- Bronze (#874200): A full-bodied, balanced gold — the color of old brass.
- Black (#010200): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.
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 Ember color palette (#EDDCD2, #E75025, #6F6600, #9C2800, #030200)
- Amber Loft color palette (#E9E1D3, #AD8300, #007654, #6F5300, #010200)
- Hazy Bronze Quarry color palette (#F5E9D7, #9D7100, #4F6300, #003B6F, #050300)
- Navy Villa color palette (#F1DFD0, #995400, #005B5D, #2D1D80, #060001)
- Ancient Scarlet color palette (#F7E7DF, #D22A00, #005335, #6A1000, #010200)
- Rose Bloom color palette (#F0D8D3, #E74478, #8B5600, #A30048, #030100)
- Ancient Study color palette (#F7EEE2, #A0A589, #808F70, #865900, #100700)
- Hushed Mustard color palette (#EDE5D2, #C3A900, #009881, #897600, #010500)
Browse the whole catalog at Explore, or see today's palette.