Tempered Amber color palette — #F8DCC1 · #B89000 · #566F00 · #023A08 · #00170C
Built around Mustard, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Peach Cream (#F8DCC1): A whisper-light, dusty gold — the color of old brass.
- Mustard (#B89000): A luminous, balanced gold — the color of honey in a jar.
- Olive (#566F00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#023A08): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#00170C): A deep, shadowed, dusty teal — the color of sea glass.
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
- Moss Terrace color palette (#E7E6D3, #9FA100, #788700, #4C6500, #172A00)
- Moss Harbor color palette (#EEE8C9, #89AA00, #007E3B, #004132, #001012)
- Tempered Pier color palette (#FFE5DD, #DF7F00, #7E5A00, #3C4000, #020E00)
- Hazy Hollow color palette (#F4F1C7, #84B122, #7D4CC5, #3E5700, #0C001F)
- Lime Hollow color palette (#E3FFD7, #70CB2B, #117D17, #072B00, #000200)
- Lime Boulevard color palette (#FFF7C1, #8FC800, #00974D, #00594B, #003131)
- Soft Amber Balcony color palette (#FCDFCB, #CD8B00, #92471D, #581724, #060300)
- Airy Bronze color palette (#EFFDC8, #A7F0C2, #5EBDE5, #926100, #001204)
Browse the whole catalog at Explore, or see today's palette.