Amber Garden color palette — #FFDFCF · #B97F00 · #615A00 · #153D00 · #002A19

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

The five colors

• Shell Pink (#FFDFCF): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#B97F00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#615A00): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#153D00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#002A19): 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

• Antique Bronze color palette (#F3DFC7, #908400, #374E00, #003014, #001715)
• Moss Canyon color palette (#EDDDCE, #D7AB46, #9B9200, #577000, #012A04)
• Amber Drift color palette (#FFDEC2, #B89900, #5F7300, #0E5006, #003D30)
• Ember Dune color palette (#FFDDDD, #EA6219, #784B00, #3E3500, #162600)
• Aubergine Corridor color palette (#CAE8C9, #A36900, #395800, #34206E, #2D2300)
• Apricot Atelier color palette (#D8FBE7, #FF8F57, #AC8F00, #007B54, #272A00)
• Muted Moss color palette (#E5DFC6, #77A100, #006A40, #003F37, #00262C)
• Chestnut Pier color palette (#EAF0EA, #BBD3C5, #84AAA0, #754A00, #263126)

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