Amber Garden color palette — #FBF4EF · #F6C5AB · #75AA85 · #BC7A56 · #2D2F28

Caramel and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF4EF): bright and airy, almost weightless.
• Wheat (#F6C5AB): A whisper-light, dusty orange — the color of toasted spice.
• Jade (#75AA85): A luminous, dusty teal — the color of glacier melt.
• Caramel (#BC7A56): A luminous, balanced orange — the color of sun-warmed clay.
• 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

• Dusty Driftwood Harbor color palette (#FCF3F1, #FDBCCF, #99A267, #B5778A, #2F2E27)
• Muted Garden color palette (#F8F5EE, #DDD29B, #4CAEA8, #9C8D43, #263125)
• Mint Cabin color palette (#FAF3F6, #E4DDD2, #8FBF6E, #D18457, #11221F)
• Bronze Studio color palette (#F1F7F1, #D9BA96, #828146, #966000, #23322B)
• Timeworn Courtyard color palette (#FDF4E8, #BD9A69, #2C9791, #716690, #3A342F)
• Taupe Loft color palette (#FFF2EB, #E8CEA1, #9EA567, #577E51, #005540)
• Timeworn Cocoa Market color palette (#FFF3E5, #DBB883, #7F9D70, #896174, #5A4400)
• Chalky Balcony color palette (#FFF3E6, #FCA528, #009B8C, #A56800, #0E2305)

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