Amber Garden color palette — #FFD8D9 · #E77E2B · #826000 · #324C00 · #003822

A conversation between Tangerine and Ochre, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFD8D9): A whisper-light, dusty red — the color of a theater curtain.
• Tangerine (#E77E2B): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#826000): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#324C00): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#003822): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Feathered Marigold color palette (#FBDFD3, #C79A10, #656E00, #005329, #003C3B)
• Amber Studio color palette (#F7E8D9, #C39341, #7E6200, #403900, #191A00)
• Marigold Orchard color palette (#FFDDD7, #F0B484, #C59B17, #787600, #143C00)
• Muted Quarry color palette (#FFCFE7, #E97781, #A04E05, #544400, #293900)
• Weathered Bronze color palette (#F5E3E0, #B06500, #544900, #113100, #001F18)
• Timeworn Ember Grove color palette (#FDECD2, #DA5700, #536303, #2C3C6F, #342F2A)
• Hushed Marigold Balcony color palette (#FFF3E2, #FF9FA6, #E2992F, #008A63, #363200)
• Ancient Cabin color palette (#F9D7C5, #BD9C5B, #6E8240, #6D4D5A, #533937)

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