Fern Ridge color palette — #F5F7E5 · #A9DFBE · #3F9C88 · #66681D · #232C0C

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

The five colors

• Cream (#F5F7E5): A whisper-light, dusty green — the color of new leaves after rain.
• Mint (#A9DFBE): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#3F9C88): A luminous, balanced teal — the color of glacier melt.
• Olive (#66681D): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#232C0C): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Wandering Corridor color palette (#F9F6E6, #BEDAB2, #579B6F, #346F68, #2A2A08)
• Antique Olive color palette (#FAF4EA, #D5E2C1, #A3A075, #6B803E, #3A3831)
• Wandering Olive color palette (#FDF4E5, #C2BF7C, #6B7F3E, #005A74, #1B1900)
• Fern Loft color palette (#EAE0C8, #849848, #1D5D00, #003427, #010100)
• Tempered Pine color palette (#F2F2DA, #348E58, #004738, #002023, #000200)
• Weathered Cypress color palette (#E9F9F6, #7BA78C, #007461, #22554E, #123D3D)
• Softworn Alley color palette (#F3F8E6, #56B797, #006F68, #1A4625, #000A06)
• Tempered Turquoise color palette (#F9F4ED, #BCE6F3, #53B2DD, #007F7A, #09314E)

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