Emerald Garden color palette — #F2D4E5 · #A7A5FF · #4C9123 · #00785E · #181438

A conversation between Olive Leaf and Lavender, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F2D4E5): A whisper-light, dusty pink — the color of neon signs at night.
• Lavender (#A7A5FF): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#4C9123): A full-bodied, balanced green — the color of new leaves after rain.
• Teal (#00785E): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#181438): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Emerald 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 Fuchsia Balcony color palette (#F3D5DC, #E286FB, #728800, #17793E, #2F0D18)
• Powdered Orchard color palette (#F3D9E5, #AA8CF6, #BF6C25, #007260, #00203E)
• Tempered Villa color palette (#E5DFBF, #C590EC, #D35976, #007575, #391235)
• Airy Wisteria Ridge color palette (#FFE8EC, #D190DC, #B99D4A, #84892E, #391C23)
• Chalky Blush Market color palette (#FFD8E9, #FF8BC6, #009979, #007B82, #3A0725)
• Softworn Peony color palette (#FFE7E3, #E0629F, #CF6029, #00762C, #0A0F2E)
• Orchid Pier color palette (#FDE8EE, #A940D9, #008460, #005F71, #0A0012)
• Sunlit Workshop color palette (#E5FCEF, #0099BB, #837800, #255C00, #00090E)

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