Amber Garden color palette — #D1E7D6 · #A48B00 · #785C00 · #523700 · #191700

Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#D1E7D6): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#A48B00): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#785C00): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#523700): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#191700): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, 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

• Bronze Ridge color palette (#D3E6D7, #84770F, #584100, #3B2100, #151800)
• Aged Amber Parlor color palette (#F5E3D7, #C77600, #924A00, #662700, #221200)
• Taupe Delta color palette (#CFECD9, #ABA141, #867000, #604914, #002C1E)
• Hushed Chestnut color palette (#D7ECDB, #9AA05A, #7A5A00, #512200, #000600)
• Chalky Bronze color palette (#D6F9DC, #CDB25E, #A87F1E, #81570E, #3D3604)
• Hazy Apricot Delta color palette (#FFD4BC, #F08503, #B95700, #8C3001, #3D2200)
• Weathered Stone Studio color palette (#E5FCEE, #C2C18C, #999062, #52725B, #2D423A)
• Muted Taupe Delta color palette (#FFF1F6, #E8BDCA, #B68E9E, #896A7A, #3F4C40)

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