Tempered Amber color palette — #FFECDC · #D9AF77 · #A48716 · #606429 · #373831
Mustard takes the lead with Sand close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFECDC): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sand (#D9AF77): A luminous, balanced gold — the color of old brass.
- Mustard (#A48716): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#606429): A full-bodied, balanced green — the color of new leaves after rain.
- Charcoal (#373831): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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
- Moss Drift color palette (#FFF0D3, #BBBB78, #6D8F33, #35693D, #373A34)
- Aged Chestnut color palette (#F6F1E6, #C1BC9B, #8D8354, #784E09, #2C2E1D)
- Iris Corridor color palette (#F6F2E5, #BDB675, #9195D8, #7C7329, #422738)
- Mustard Harbor color palette (#E3FEE6, #B9E6C2, #C5AD50, #8F874A, #2F5143)
- Misty Moss color palette (#FCE7CB, #B1A200, #697A00, #305700, #002E13)
- Patina Basalt Pier color palette (#F6F2E6, #BCDED0, #C7C2D1, #9D8165, #463F00)
- Iris Coast color palette (#FBF1DC, #B09B4D, #6D89DA, #8F6896, #2F2613)
- Worn Olive Canyon color palette (#E5E6C7, #4F8000, #00571A, #002F24, #000A09)
Browse the whole catalog at Explore, or see today's palette.