Emerald Drift color palette — #F3F4FF · #C0A3E4 · #E77E71 · #4B9031 · #1D2D43

Built around Olive Leaf, softened by Watermelon — the whole palette hums with nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Mauve (#C0A3E4): A luminous, balanced violet — the color of a velvet chair.
• Watermelon (#E77E71): A luminous, balanced orange — the color of autumn markets.
• Olive Leaf (#4B9031): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#1D2D43): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Emerald Drift 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

• Feathered Emerald color palette (#EFF6FF, #97BFFF, #D98485, #0B9551, #1D3760)
• Olive Canyon color palette (#F0F5FF, #9CACEC, #DB7DAB, #858500, #122F40)
• Amber Thicket color palette (#F8F2FF, #DE9ABF, #D0813F, #009B76, #22283F)
• Airy Moss color palette (#FCF1FE, #DD8695, #A59600, #0086A4, #261931)
• Quiet Fuchsia color palette (#F3ECFF, #EF66CC, #D85900, #007F4F, #101046)
• Worn Field color palette (#E4E3F1, #C892DA, #786982, #49465E, #161820)
• Dusty Fern Thicket color palette (#EEF8F1, #3AA8B7, #9D7A00, #3A6600, #25311B)
• Faded Ember color palette (#F8E2F1, #D65A3E, #727900, #006180, #19000C)

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