Emerald Grove color palette — #FFF0F8 · #B8B5FA · #D48A75 · #00945D · #313064

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Lavender (#B8B5FA): A luminous, balanced violet — the color of a velvet chair.
• Camel (#D48A75): A luminous, balanced orange — the color of sun-warmed clay.
• Fern (#00945D): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#313064): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Muted Lagoon Archive color palette (#FFF1F2, #E5A8D1, #CF8F6A, #009085, #4A2950)
• Wandering Olive Pier color palette (#E7FAF5, #8FC3F7, #DE7F8E, #5D8D24, #003D59)
• Chalky Atelier color palette (#FFF1F4, #D6ADE1, #D6887B, #A67019, #004049)
• Tempered Lagoon Pier color palette (#FFF0F8, #EDC7CC, #D7AB9C, #5E9F97, #275146)
• Aged Market color palette (#FFEDEA, #EE91B0, #7FA143, #2071C3, #4D0939)
• Pale Wisteria Canyon color palette (#FEDEE6, #D37EF9, #C27600, #00767B, #39004D)
• Amber Cabin color palette (#FFF2F0, #F59CB8, #C86F30, #645E0E, #421E28)
• Misty Veranda color palette (#FDF1FA, #DA8D83, #A4772A, #4E6800, #004335)

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