Amber Garden color palette — #FBF3EE · #FFC0A9 · #72AA88 · #BC7960 · #2D2F28

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

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Wheat (#FFC0A9): A whisper-light, dusty orange — the color of autumn markets.
• Jade (#72AA88): A luminous, dusty teal — the color of sea glass.
• Caramel (#BC7960): A luminous, balanced orange — the color of autumn markets.
• Onyx (#2D2F28): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, 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

• Patina Basin color palette (#FCF2F1, #FFBAD4, #A89C64, #B4778E, #322D23)
• Aged Sand color palette (#FAF4EC, #EACE8A, #4FABB9, #A2894A, #243228)
• Hushed Amber color palette (#FAF3F6, #E8D8D7, #B3B36B, #D08555, #13221B)
• Antique Bronze Archive color palette (#FBF3EF, #E9B1A1, #608965, #A05541, #2D2F28)
• Mustard Dune color palette (#FFF3E4, #EAB26E, #839C66, #876178, #4B4741)
• Muted Canyon color palette (#FFF3E9, #F3C68B, #ABA059, #627E4B, #12563B)
• Taupe Market color palette (#FAF4ED, #D9DCD2, #A7B6AF, #B29677, #56524D)
• Feathered Station color palette (#FEF3E8, #FDA43A, #00A146, #A96500, #1B1F06)

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