Fern Ridge color palette — #F2F3E7 · #ADB996 · #3C8472 · #585907 · #242A18

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

The five colors

• Cream (#F2F3E7): bright and airy, almost weightless.
• Sage (#ADB996): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#3C8472): A full-bodied, dusty teal — the color of shallow lagoons.
• Olive (#585907): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#242A18): 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

• Timeworn Driftwood color palette (#F6F1E7, #C9C4A6, #858840, #5A664E, #32312A)
• Washed Drift color palette (#F5F3DE, #84B77F, #007F52, #005856, #092807)
• Wandering Lagoon color palette (#ECF8F6, #A3CECD, #5E9E8D, #5E7B52, #284948)
• Cypress Drift color palette (#F7F1E7, #CAE4D2, #5D96B0, #1E6B67, #0E332A)
• Lagoon Workshop color palette (#E0F9EC, #DBD4E2, #B8BBEA, #388489, #1C3D32)
• Gentle Harbor color palette (#F1E3CA, #9B9A34, #486700, #004B2D, #181700)
• Deep Cypress color palette (#DFE3D0, #007A5C, #00403B, #002609, #000402)
• Washed Villa color palette (#E4E5D1, #679C77, #00644E, #004146, #001807)

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