Tempered Amber color palette — #FFD9BC · #C28C00 · #7C7A00 · #375B00 · #004841
Mustard and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Peach Cream (#FFD9BC): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mustard (#C28C00): A luminous, balanced gold — the color of old brass.
- Olive Leaf (#7C7A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#375B00): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004841): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Apricot Ridge color palette (#EDDCD7, #F3850E, #8C6F00, #4B5000, #004330)
- Amber Alley color palette (#F2E5D2, #B69500, #766B00, #464C00, #192E00)
- Hazy Mustard Corridor color palette (#FFD7AB, #ECB400, #AEA900, #6F9200, #0A5012)
- Dusty Forest color palette (#EAE3D4, #7F7E00, #11630C, #003925, #002128)
- Emerald Summit color palette (#F7E7C1, #9BBD6F, #179951, #006D57, #325135)
- Ancient Byzantium color palette (#FBEAC2, #928000, #AC24C5, #8F28A2, #383000)
- Softworn Amethyst Veranda color palette (#FFF5D6, #AEA825, #843DE2, #635F00, #412D66)
- Tangerine Coast color palette (#FEDEE1, #FC6031, #A65500, #6F4A00, #413E00)
Browse the whole catalog at Explore, or see today's palette.