Amber Garden color palette — #FFF3E3 · #BC8700 · #483B00 · #201200 · #030100

A conversation between Mustard and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#BC8700): A luminous, balanced gold — the color of old brass.
• Deep Olive (#483B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#201200): A deep, shadowed, dusty gold — the color of old brass.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, muted.

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

• Marigold Grove color palette (#F6EADC, #D39300, #666C32, #46413B, #190F07)
• Moss Terrace color palette (#F8F6E3, #89AD36, #484A00, #201F11, #060502)
• Bronze Corridor color palette (#F2E4CA, #8F7300, #282600, #121C1D, #060300)
• Softworn Ember color palette (#FFF2EC, #FD461F, #632700, #250E03, #040100)
• Patina Mint Atelier color palette (#F3F7EA, #6DC493, #4C5A40, #282D1E, #0F100A)
• Hushed Emerald color palette (#EBF4C7, #009835, #003520, #0E161B, #000B01)
• Hazy Lime Ridge color palette (#E3FFD5, #75C73F, #00B3BD, #B97400, #102900)
• Patina Moss color palette (#FBF5E3, #D1E298, #78A13C, #8B612E, #302E28)

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