Amber Garden color palette — #FFF1F2 · #FFB499 · #D57C00 · #6F5100 · #373500

Mustard and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Melon (#FFB499): A whisper-light, balanced orange — the color of sun-warmed clay.
• Mustard (#D57C00): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#6F5100): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#373500): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Airy Amber color palette (#FFF2EE, #FFD3B4, #C69200, #767200, #2E401B)
• Honey Meadow color palette (#FFF2EB, #FFB559, #9F8800, #4B6100, #1F3C1A)
• Aged Amber color palette (#F8E6E3, #D7784A, #945500, #634800, #403700)
• Pale Ember Bloom color palette (#FFF0F8, #FFABBD, #E44E3C, #914500, #362700)
• Amber Coast color palette (#FFF1F6, #DAC786, #BD7825, #7F463C, #03281F)
• Aged Workshop color palette (#FFF4DE, #F4CE74, #BC8800, #654A00, #190E00)
• Ember Pier color palette (#FFE5E3, #EF6300, #8D5F00, #443B00, #0F1400)
• Patina Bronze color palette (#FEEAE1, #AC6C00, #645700, #212600, #000501)

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