Amber Garden color palette — #F4F4FE · #DAB8EF · #D693A7 · #B9724F · #4D4218

Built around Caramel, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F4FE): bright and airy, almost weightless.
• Lavender (#DAB8EF): A whisper-light, balanced violet — the color of a velvet chair.
• Mauve (#D693A7): A luminous, balanced rose — the color of pressed rose petals.
• Caramel (#B9724F): A luminous, balanced orange — the color of sun-warmed clay.
• Deep Olive (#4D4218): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Patina Ash color palette (#F5F3FF, #DFD9EC, #CEBED8, #B68FA1, #435343)
• Driftwood Studio color palette (#F9F3FB, #F2B3C2, #D79974, #95883E, #274C2C)
• Weathered Blush color palette (#EEF8F3, #8DD6FF, #CD7E9C, #66713C, #373933)
• Ancient Driftwood Drift color palette (#ECF7FD, #8CD4EA, #98A8D8, #7B904D, #0F4D40)
• Airy Quarry color palette (#F5EEFE, #E890C9, #DD6D59, #8F6800, #311C57)
• Frosted Rose Workshop color palette (#EBDEEA, #E45D5B, #976800, #395D00, #001613)
• Antique Studio color palette (#ECF2FF, #ACB1EB, #767A90, #4D5466, #1F2227)
• Muted Tangerine Quarry color palette (#FADFEE, #FF7E3C, #A78600, #387900, #002B26)

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