Amber Garden color palette — #F4EAD3 · #B39700 · #7F7200 · #575400 · #3A4200
A conversation between Mustard and Walnut, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F4EAD3): A whisper-light, dusty gold — the color of old brass.
- Mustard (#B39700): A luminous, balanced green — the color of a quiet forest floor.
- Walnut (#7F7200): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#575400): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#3A4200): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Olive Drift color palette (#ECEDD7, #9FAC51, #577600, #335A00, #004533)
- Hazy Workshop color palette (#FFD8BA, #DBA000, #978C00, #576900, #295019)
- Linen Amber color palette (#FFE8DA, #DA7F1E, #A46500, #6C4700, #393E04)
- Frosted Ridge color palette (#FDF6D2, #C5EBAE, #8ECB97, #817700, #3D4F17)
- Moss Corridor color palette (#FBF6DF, #949C25, #008FA1, #5C6200, #00434C)
- Pale Moss Veranda color palette (#E2E7D6, #668E00, #2A5800, #033806, #00201B)
- Feathered Terracotta color palette (#FBEABE, #908100, #008764, #AB2A00, #373100)
- Hushed Veranda color palette (#EDFBDB, #8BC7B3, #399E8A, #007369, #415A41)
Browse the whole catalog at Explore, or see today's palette.