Tempered Amber color palette — #FFE9E1 · #CF7900 · #786000 · #3F4700 · #112B03
Mustard and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Rose Water (#FFE9E1): A whisper-light, dusty orange — the color of sun-warmed clay.
- Mustard (#CF7900): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#786000): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#3F4700): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Forest (#112B03): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Quiet Amber Meadow color palette (#FAE7CF, #BA8C28, #896A00, #5A4A00, #253D12)
- Quiet Station color palette (#FFF3E9, #FEAF34, #B18900, #695F00, #343606)
- Ember Hollow color palette (#FFE2E7, #E46340, #975500, #563B00, #282400)
- Washed Moss Workshop color palette (#E7DDD0, #AA9300, #566C00, #004C1A, #00281C)
- Moss Market color palette (#F3F7BD, #AEA914, #616B00, #363400, #110E00)
- Taupe Boulevard color palette (#CFE8D5, #93A15B, #796118, #5A3315, #001D1B)
- Wandering Indigo color palette (#D8F1DC, #C89824, #6B59C2, #6D4F00, #1B1538)
- Dusty Bronze color palette (#DCFBE4, #C3DFB2, #6EC3BD, #9C614C, #0F2C23)
Browse the whole catalog at Explore, or see today's palette.