Amber Garden color palette — #F9EFCE · #AB8300 · #756E00 · #395A00 · #020200

Mustard and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F9EFCE): A whisper-light, dusty green — the color of a quiet forest floor.
• Mustard (#AB8300): A luminous, balanced gold — the color of old brass.
• Olive (#756E00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#395A00): A full-bodied, balanced green — the color of new leaves after rain.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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 Harbor color palette (#EBEBD3, #8A9400, #477C00, #005530, #000300)
• Powdered Hollow color palette (#F4DDBF, #D96A00, #915D00, #5A4800, #020100)
• Apricot Quarry color palette (#FFF4DC, #FF8E51, #B29500, #007154, #010100)
• Washed Ember Lagoon color palette (#D2F6E2, #E1591B, #746900, #005236, #070900)
• Olive Quarry color palette (#E3ECCD, #4E7100, #1A4000, #022302, #000401)
• Softworn Canyon color palette (#E4EADA, #41783D, #21513A, #002A38, #000914)
• Fern Field color palette (#E4E7D1, #116E11, #7B2D00, #043404, #080100)
• Worn Emerald color palette (#FCF3C7, #D6B900, #929F00, #339200, #0E1500)

Browse the whole catalog at Explore, or see today's palette.