Amber Garden color palette — #FFF3E9 · #FDB057 · #C78600 · #714F00 · #413000

Built around Mustard, softened by Cantaloupe — the whole palette hums with optimism and balance.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Cantaloupe (#FDB057): A luminous, balanced gold — the color of afternoon light on wheat.
• Mustard (#C78600): A luminous, balanced gold — the color of old brass.
• Bronze (#714F00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#413000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: 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

• Mustard Dune color palette (#FFF5D7, #D2BD42, #A09500, #5D6300, #2C3703)
• Amber Harbor color palette (#E9FBEB, #DBC593, #AD8130, #754F20, #092818)
• Amber Cabin color palette (#EDDBD6, #FFA25F, #CC8300, #8B7300, #3A3E0B)
• Antique Amber Balcony color palette (#F6E8D7, #C88A00, #785700, #453500, #110D00)
• Ember Corridor color palette (#FFF0EE, #FFAB95, #E75700, #8B3D00, #482303)
• Muted Amber color palette (#DFFFE2, #F3D282, #B89B00, #7F7406, #214737)
• Teal Ridge color palette (#E5FCEB, #E0BA59, #00C0AE, #937100, #002F2A)
• Hushed Moss color palette (#F5EFDB, #9F8900, #605900, #222300, #010200)

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