Amber Garden color palette — #EFDCB3 · #AB9100 · #637200 · #005350 · #2E2300
A conversation between Mustard and Olive, giving this palette its sense of nature and growth.
The five colors
- Peach Cream (#EFDCB3): A whisper-light, dusty gold — the color of old brass.
- Mustard (#AB9100): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#637200): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#005350): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#2E2300): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, 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
- Muted Moss Alley color palette (#E1E2B3, #77A300, #047F33, #005063, #262602)
- Gentle Moss color palette (#FCEDCA, #AEA619, #62842F, #006266, #32302A)
- Frosted Quarry color palette (#F1DBB8, #957100, #3E5600, #003169, #2A2400)
- Pine Hollow color palette (#E9E1CD, #9B8600, #007835, #741C3A, #331700)
- Amber Canyon color palette (#F3DAB8, #E16D00, #8E5D00, #005813, #361E04)
- Olive Pier color palette (#EEE8D5, #797600, #34332C, #1B1605, #070400)
- Pine Canyon color palette (#E6E6D1, #7CB580, #3A8259, #615520, #282C0C)
- Hushed Villa color palette (#E4E6D4, #348700, #005939, #003043, #001002)
Browse the whole catalog at Explore, or see today's palette.