Amber Garden color palette — #FFF2EF · #FFBF9D · #C77C00 · #664D00 · #282800

A conversation between Mustard and Bronze, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Cantaloupe (#FFBF9D): A whisper-light, balanced orange — the color of toasted spice.
• Mustard (#C77C00): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#664D00): A full-bodied, balanced gold — the color of old brass.
• Onyx (#282800): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Ember Terrace color palette (#FFF1F4, #FFBBB9, #E3612D, #844600, #332100)
• Dusty Amber Corridor color palette (#FBE3CD, #B28800, #5A5500, #161F00, #000200)
• Feathered Moss Boulevard color palette (#FFF3E7, #E8BF6D, #A28F00, #4B5C00, #0E2C00)
• Tempered Dune color palette (#FFD9C4, #D08C4A, #935E00, #543C00, #253108)
• Tempered Amber Delta color palette (#FFD5E1, #FFA99D, #CA913A, #817600, #113F00)
• Antique Amber color palette (#FFF1F5, #C17600, #403407, #1A0910, #020102)
• Ancient Canyon color palette (#E5FCE9, #F99B6E, #9E7700, #005B6C, #341624)
• Antique Amber Loft color palette (#F9F3F7, #E7D8D7, #B3BBD6, #BD745B, #372A32)

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