Fern Canyon color palette — #F9F5E8 · #E2E1B6 · #9AC19F · #87A09A · #544F00

A conversation between Deep Olive and Mint Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F5E8): bright and airy, almost weightless.
• Celadon Mist (#E2E1B6): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#9AC19F): A luminous, dusty green — the color of a quiet forest floor.
• Blue Fog (#87A09A): A luminous, dusty teal — the color of sea glass.
• Deep Olive (#544F00): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

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

• Tempered Fern color palette (#FCF4E8, #D9D2AD, #98A179, #8C777A, #5A4D00)
• Washed Stone Canyon color palette (#FFF1F2, #E2D8D1, #D2ADB8, #9AB2A3, #5E4E4D)
• Tempered Ash Villa color palette (#EDF9F0, #C2DDED, #85BAB5, #7F849F, #354C44)
• Hushed Meadow color palette (#FFF1F3, #FCBCF4, #9DD7AD, #C596BF, #4C4E47)
• Mallow Loft color palette (#FFF1F2, #F7ABE0, #CCBF7D, #75BBCE, #513C3D)
• Weathered Jade color palette (#F7F7E3, #91E4A8, #00C197, #7B87AF, #3A3B35)
• Antique Lagoon color palette (#EAF5F2, #ACCBC5, #588E8A, #476773, #1A3733)
• Tempered Orchard color palette (#E4E7D5, #66D2A3, #00A895, #8B697E, #222D0D)

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