Emerald Drift color palette — #EFF8EE · #D2D4A2 · #5E9B60 · #655C86 · #142E24

A conversation between Fern and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF8EE): bright and airy, almost weightless.
• Pistachio (#D2D4A2): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#5E9B60): A luminous, balanced green — the color of new leaves after rain.
• Graphite (#655C86): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Forest (#142E24): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Weathered Meadow color palette (#E7FAF3, #A8DFBE, #009E9B, #7F536E, #0A2E2E)
• Teal Hollow color palette (#EEF8F1, #B8E7F0, #62B090, #757290, #213F39)
• Washed Lagoon color palette (#E5FCEF, #98CB88, #008B70, #6A3E6A, #001E1A)
• Ancient Station color palette (#FCF4E6, #CBD08D, #8BAD69, #9D7783, #37352F)
• Fern Harbor color palette (#FEF4E5, #9C9F6D, #476F39, #623E51, #37352F)
• Emerald Studio color palette (#CDE9DA, #639F60, #005B4D, #431543, #000200)
• Dusty Lantern color palette (#FCF1F9, #D4D4E2, #49B1EB, #1E8259, #1F2D4E)
• Washed Meadow color palette (#DEF0DF, #798125, #00491B, #250A3D, #000201)

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