Amber Garden color palette — #FFF2EF · #ECBEFF · #FF99BD · #E38200 · #532122

A conversation between Mustard and Ballet Pink, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Thistle (#ECBEFF): A whisper-light, balanced pink — the color of peonies in June.
• Ballet Pink (#FF99BD): A luminous, balanced rose — the color of a warm blush.
• Mustard (#E38200): A luminous, vivid gold — the color of afternoon light on wheat.
• Espresso (#532122): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged candy, vibrant, light, 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

• Weathered Apricot Archive color palette (#FFF2EB, #FFB9D9, #FF8744, #8D8D00, #371F00)
• Tempered Thicket color palette (#FFF2ED, #FFD3F3, #FFBDB5, #D5A62A, #5B3526)
• Washed Ridge color palette (#FFF1F3, #BFCCFF, #FF94EB, #F15548, #461A36)
• Blush Balcony color palette (#FDF0FF, #FFA6D7, #FF6D9C, #CB4337, #402843)
• Rust Summit color palette (#FADEE5, #E18C8C, #C6572C, #894500, #553600)
• Ancient Amber color palette (#FEF0FF, #E6D6DE, #B5B1A1, #D69053, #2E1129)
• Powdered Clover Orchard color palette (#FFF3E5, #FFC7C3, #FEB645, #1DB527, #3A3000)
• Weathered Emerald color palette (#FAEDD3, #FFA88F, #D7A800, #17A223, #272500)

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