Tempered Amber color palette — #FCE9DF · #DC8500 · #7B6700 · #2F3F00 · #000E01
Built around Mustard, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#FCE9DF): A whisper-light, dusty orange — the color of sun-warmed clay.
- Mustard (#DC8500): A luminous, balanced gold — the color of old brass.
- Olive (#7B6700): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#2F3F00): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#000E01): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Misty Ember color palette (#FFE3E3, #ED5930, #945700, #402E00, #090800)
- Olive Corridor color palette (#F8EEE1, #A39500, #517900, #004112, #000E0A)
- Chalky Lagoon color palette (#EEDFCE, #C38E00, #8F7A00, #5E5F00, #1D2500)
- Dusty Moss Terrace color palette (#D2EDDC, #89A65B, #6F5F00, #4A2800, #000502)
- Weathered Bronze color palette (#FFE8D0, #998300, #565A00, #022803, #000201)
- Tempered Summit color palette (#EAFCC1, #AEB600, #5B6C00, #222800, #010100)
- Muted Lapis color palette (#D4F8E5, #B0A222, #5E48EF, #564F00, #060025)
- Mustard Pier color palette (#FFE5B8, #BDBB00, #779700, #005D2C, #002B21)
Browse the whole catalog at Explore, or see today's palette.