Fern Ridge color palette — #FFF1F6 · #E0C8FF · #9FD7A4 · #B29DCE · #4B5302

Deep Olive takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Thistle (#E0C8FF): A whisper-light, dusty violet — the color of a velvet chair.
• Pistachio (#9FD7A4): A whisper-light, balanced green — the color of fresh herbs.
• Mauve (#B29DCE): A luminous, dusty violet — the color of wild irises.
• Deep Olive (#4B5302): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Fern 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

• Ancient Ridge color palette (#FEF1F7, #D6CDFF, #DDC580, #AA9ED9, #504D46)
• Wandering Taupe Coast color palette (#FFF1F0, #FFC0D9, #7ED9D7, #D491AC, #3E543D)
• Hushed Mallow Field color palette (#F4F4FF, #DDB0F2, #9BBE7E, #A07CB0, #31554D)
• Softworn Stone Quarry color palette (#FFF1F5, #E4D9D2, #DDB6C1, #9FB8CF, #5E4A4C)
• Fern Terrace color palette (#FDF5E2, #CDE2B3, #C5B48E, #A58D76, #404F03)
• Lime Lagoon color palette (#FFF1F1, #FFA4D1, #64E164, #D5599D, #05480A)
• Celadon Grove color palette (#FEF2F3, #C6EBB0, #B590B4, #7F6569, #33282A)
• Tempered Station color palette (#F1F0FD, #C4A6D5, #81A976, #8C58A7, #053A34)

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