Tempered Amber color palette — #F9E6E0 · #C47E00 · #736300 · #303E00 · #001E05
Mustard and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Rose Water (#F9E6E0): A whisper-light, dusty orange — the color of toasted spice.
- Mustard (#C47E00): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#736300): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#303E00): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#001E05): 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
- Timeworn Moss Field color palette (#F2E6CF, #958B00, #506A00, #00411C, #002018)
- Timeworn Ember Delta color palette (#FFE5E4, #ED5226, #834E00, #4E3B00, #161A00)
- Feathered Mustard Thicket color palette (#FFE2BE, #E2AE00, #8D7B00, #4E4E00, #232D00)
- Weathered Lantern color palette (#FFEBD9, #C6AE81, #8D8A42, #4B6520, #383A33)
- Moss Villa color palette (#DCF1A1, #96AE0F, #4E6700, #2E3200, #080B00)
- Blush Bloom color palette (#EEDEF2, #FF799E, #8C7C00, #1A1600, #0B0600)
- Turquoise Delta color palette (#FEF2CA, #9BDCAB, #00BEC8, #905100, #192300)
- Gentle Garden color palette (#EEE6D6, #A38200, #8D39E3, #5E4900, #20003C)
Browse the whole catalog at Explore, or see today's palette.