Emerald Grove color palette — #FFF2EF · #DB8897 · #429D68 · #2F7189 · #3F2C31

Fern takes the lead with Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Rose (#DB8897): A luminous, balanced red — the color of embers at dusk.
• Fern (#429D68): A luminous, balanced teal — the color of sea glass.
• Teal (#2F7189): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Espresso (#3F2C31): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Moss Delta color palette (#FFF2EB, #E19F88, #78994D, #2B7485, #583744)
• Antique Bronze color palette (#FDF2F3, #CC91CA, #91862B, #31796C, #3E303D)
• Hushed Lagoon color palette (#FEF3E9, #CA915A, #009EA5, #5A6693, #3F2E2C)
• Timeworn Rose color palette (#FFF2EE, #C26777, #017877, #1D5E5C, #3C2E3A)
• Patina Mallow color palette (#F6F3FF, #DBAEDB, #599FAA, #42688C, #222537)
• Dusty Amber Hollow color palette (#FCF4E7, #E9AD9F, #BA8740, #2F7B82, #6D3803)
• Worn Amber color palette (#FFF2E9, #C56D00, #007C82, #394388, #301A19)
• Pale Ember Corridor color palette (#FFF2EC, #FB450B, #008566, #005A9E, #31152F)

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