Tempered Amber color palette — #F2ECD6 · #AD872E · #3B3C00 · #131300 · #020200
A conversation between Mustard and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F2ECD6): A whisper-light, dusty green — the color of new leaves after rain.
- Mustard (#AD872E): A luminous, balanced gold — the color of old brass.
- Deep Olive (#3B3C00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#131300): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#020200): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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
- Bronze Field color palette (#E3E3C6, #987200, #1A3100, #1A2526, #030A00)
- Patina Moss color palette (#E7E5D8, #7F9944, #00625F, #3C4E00, #000300)
- Patina Lantern color palette (#D1E3DA, #C49F4E, #595900, #2B2B00, #000F08)
- Aged Lagoon color palette (#E7F7E8, #C9A14A, #00585A, #002628, #000B01)
- Softworn Marigold color palette (#FBF6DD, #EFAB59, #4D5700, #171B00, #020100)
- Forest Canyon color palette (#E8EAE0, #C8CDC3, #98AA93, #2E6331, #151706)
- Twilit Grove color palette (#E3F0E1, #705300, #32363E, #001916, #000201)
- Stone Grove color palette (#EDF4E9, #D6C196, #56684A, #27361D, #10160D)
Browse the whole catalog at Explore, or see today's palette.