Amber Garden color palette — #FFF1F7 · #D47000 · #537C00 · #00644E · #2A1829

A conversation between Pumpkin and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Pumpkin (#D47000): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#537C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#00644E): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#2A1829): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.

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

• Wandering Amber Garden color palette (#EAFBEA, #BA7D00, #137E40, #7F3A56, #2A1623)
• Weathered Amber color palette (#E8FBEC, #AD8600, #008663, #005E64, #29131F)
• Pale Pine color palette (#FFE4EC, #B16F00, #1B8526, #750049, #2C0600)
• Hazy Amber color palette (#EEF9EE, #BA8106, #7F6E00, #004F69, #15000E)
• Misty Amber color palette (#DCF7E0, #E58800, #957208, #126540, #20371F)
• Ancient Chapel color palette (#DFEADE, #AD7300, #294832, #1A251A, #140A0E)
• Olive Parlor color palette (#D2F5E5, #868100, #007069, #752517, #031805)
• Hushed Veranda color palette (#FFF1F5, #C9914F, #599466, #796385, #392D35)

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