Amber Garden color palette — #FFF1F2 · #FFC8AA · #B08D00 · #576900 · #00351C
A conversation between Mustard and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F2): bright and airy, almost weightless.
- Wheat (#FFC8AA): A whisper-light, dusty orange — the color of sun-warmed clay.
- Mustard (#B08D00): A luminous, balanced green — the color of new leaves after rain.
- Olive (#576900): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#00351C): 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 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
- Faded Forest Field color palette (#FFF2ED, #FFBA6C, #949229, #1A6518, #002620)
- Timeworn Amber color palette (#FFF0F9, #FFC0C4, #E77800, #725E00, #172C00)
- Patina Grove color palette (#FEEDD8, #978F00, #0F630E, #002922, #000102)
- Marigold Workshop color palette (#FFE2C4, #F6BB54, #C49D00, #897B00, #333500)
- Frosted Straw color palette (#FFF3E9, #FFE087, #93B56A, #1E785A, #00373B)
- Amber Market color palette (#FFF3E3, #BB8800, #304319, #1F1200, #040100)
- Moss Workshop color palette (#FFF3E2, #FFA584, #819000, #3A529D, #3A2100)
- Soft Apricot Studio color palette (#FFF0F0, #FF9A48, #857500, #2B4F00, #00140D)
Browse the whole catalog at Explore, or see today's palette.