Amber Garden color palette — #FFF1F1 · #D19EBC · #BB904D · #965D81 · #514C46

Mustard and Slate set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Mauve (#D19EBC): A luminous, dusty pink — the color of peonies in June.
• Mustard (#BB904D): A luminous, balanced gold — the color of honey in a jar.
• Slate (#965D81): A full-bodied, balanced pink — the color of a candy shop window.
• Charcoal Brown (#514C46): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication. Tagged 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

• Moss Canyon color palette (#FFF2EC, #E39A90, #8AA54C, #A55A50, #4E4D46)
• Timeworn Hollow color palette (#FFF1F0, #C97C9D, #BF7535, #73709F, #513D3B)
• Aged Coral Atelier color palette (#FFF0F8, #AEA8E0, #D57C74, #7169A4, #534B48)
• Periwinkle Quarry color palette (#FFF2F0, #DC9AB0, #7599D7, #9F5973, #594558)
• Worn Mallow Bloom color palette (#FFEDEE, #D99BD1, #73AC79, #8B6285, #30322B)
• Softworn Chestnut color palette (#FFF2EA, #D1B196, #A1755D, #874C26, #663D00)
• Weathered Mallow color palette (#F6F3FF, #E7AEE1, #8AC194, #AB79A5, #2C5553)
• Aged Orchard color palette (#FDF1F7, #B1A6E2, #2FACAD, #7567A6, #3C543D)

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