Emerald Grove color palette — #FBF4EA · #AFBB8C · #36955B · #7D5764 · #37362F

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Sage (#AFBB8C): A luminous, dusty green — the color of fresh herbs.
• Fern (#36955B): A full-bodied, balanced teal — the color of sea glass.
• Graphite (#7D5764): A full-bodied, dusty rose — the color of strawberry cream.
• Espresso (#37362F): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Patina Atelier color palette (#FAF5E7, #AFCFAA, #2FA48C, #8A676C, #434700)
• Hushed Villa color palette (#ECF9F1, #C6D8A4, #689770, #6A5B80, #003026)
• Antique Cypress Boulevard color palette (#E9E5D4, #7FB485, #008475, #704465, #272C0A)
• Timeworn Taupe Bloom color palette (#E9FAF1, #8FA55E, #41703A, #4C4761, #1F3C34)
• Antique Bronze color palette (#F9F5E8, #D1CCA0, #8EAA79, #B2724F, #36362F)
• Weathered Azure color palette (#FAF4F0, #BADFC9, #3A9CE9, #007F63, #31375C)
• Emerald Canyon color palette (#EDEAD6, #429763, #00605B, #552248, #001507)
• Wandering Hollow color palette (#FFEDE2, #EDA86A, #C56400, #733B00, #331A00)

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