Amber Garden color palette — #F7E3AF · #C78B00 · #7E6F00 · #005B48 · #352600
Built around Mustard, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Peach Cream (#F7E3AF): A whisper-light, dusty gold — the color of honey in a jar.
- Mustard (#C78B00): A luminous, balanced gold — the color of old brass.
- Walnut (#7E6F00): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#005B48): A full-bodied, balanced teal — the color of glacier melt.
- Espresso (#352600): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Balance. Tagged retro.
Use it as a design system
One click turns Amber Garden 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
- Powdered Marigold Bloom color palette (#FFF5D8, #DD9C00, #827300, #005342, #211700)
- Misty Field color palette (#F0E7A9, #A39D00, #537E00, #00585D, #282C00)
- Airy Tangerine Quarry color palette (#FFDFB1, #F06B00, #996000, #135E07, #411E00)
- Bronze Villa color palette (#D6EADA, #967100, #413800, #01220C, #000B01)
- Chalky Pine Terrace color palette (#C8F4DD, #999000, #007E3A, #005354, #00273F)
- Aubergine Hollow color palette (#CEEFCE, #CB5200, #5C5300, #3C0094, #3D2100)
- Washed Emerald Boulevard color palette (#F1EBC9, #A6AE75, #6A9651, #00686D, #00424F)
- Feathered Studio color palette (#D5F3E7, #9CB66B, #4D8A1A, #7A5204, #253400)
Browse the whole catalog at Explore, or see today's palette.