Emerald Ridge color palette — #E2FBF8 · #8EC993 · #CE87CF · #42954F · #453C5D

Built around Fern, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#E2FBF8): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#8EC993): A luminous, balanced green — the color of new leaves after rain.
• Mauve (#CE87CF): A luminous, balanced pink — the color of neon signs at night.
• Fern (#42954F): A luminous, balanced green — the color of fresh herbs.
• Charcoal (#453C5D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Lilac Dune color palette (#E5FBF2, #B5BF75, #A394F6, #7E8820, #413C62)
• Wandering Alley color palette (#EBF8FA, #7DD8C6, #E596B3, #2AA18F, #574561)
• Peony Parlor color palette (#E4FBF8, #6EB371, #B36CAE, #3A753E, #463C5C)
• Misty Jade Corridor color palette (#F3F8E2, #9FDEA8, #DEA7E3, #65B373, #5D353D)
• Iris Ridge color palette (#DBFDFB, #5BBC7F, #7E90EE, #BE6C5A, #213E3D)
• Washed Taupe color palette (#E4FBF9, #C3E2F6, #AFBBEE, #88A872, #395556)
• Gentle Emerald Boulevard color palette (#F4F8E0, #A8E7A6, #F6A47C, #5C9C5B, #542C17)
• Hushed Raspberry color palette (#BAF0F4, #30CBA0, #D500A2, #007C5E, #52083D)

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