Emerald Ridge color palette — #FBF2FA · #E19C99 · #5F9D6B · #5C6598 · #413E5D

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

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Rosewood Mist (#E19C99): A luminous, balanced orange — the color of autumn markets.
• Fern (#5F9D6B): A luminous, balanced green — the color of new leaves after rain.
• Slate (#5C6598): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#413E5D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

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

• Wandering Canyon color palette (#FDF2F6, #DBA476, #13A09C, #7E5A82, #463C59)
• Hushed Sand Ridge color palette (#FEF3E9, #F8BD93, #82A57F, #38738C, #502B37)
• Ancient Teal Canyon color palette (#FFF1F0, #F2B2CB, #7DB992, #947AAC, #4C395D)
• Washed Quarry color palette (#FFF0FB, #C2D3C2, #8CAEA3, #777C95, #494C5D)
• Worn Taupe color palette (#FFF1F6, #E9C88A, #AFA13F, #737F45, #355651)
• Antique Amber color palette (#FBEEF2, #C68F4D, #435F52, #413438, #252023)
• Tangerine Thicket color palette (#FFF0F8, #F17100, #008B78, #6F309D, #4C1152)
• Tempered Amber color palette (#E6F7E7, #C58800, #007F97, #7B2A6F, #44173C)

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