Emerald Garden color palette — #ECF8F7 · #A1D2B1 · #678DDD · #009957 · #192436

Built around Kelly Green, softened by Lavender Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Pistachio (#A1D2B1): A whisper-light, dusty teal — the color of glacier melt.
• Lavender Blue (#678DDD): A luminous, balanced violet — the color of a velvet chair.
• Kelly Green (#009957): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#192436): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Antique Moss Meadow color palette (#ECF8F4, #B8CE93, #3F9AC5, #6C8F00, #102635)
• Lagoon Archive color palette (#EEF7F9, #7CD7CF, #9C7FC1, #00948C, #212236)
• Washed Iris Lagoon color palette (#F4F6EE, #ADFBC5, #8398EB, #559C6D, #1A0E17)
• Washed Teal color palette (#EDF7F9, #86EBD5, #4EC0D3, #42B8A1, #12272F)
• Misty Violet color palette (#E9F8FF, #00D1F0, #9163F3, #00869B, #20143B)
• Ancient Chestnut color palette (#FFF1F6, #78C2AF, #3090BF, #925000, #134451)
• Tempered Petrol color palette (#F1F7EE, #69C1AF, #007D8C, #007060, #1A281E)
• Sapphire Harbor color palette (#E2F6F9, #00C6B0, #3365FF, #007A6C, #040E30)

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