Fern Cabin color palette — #F6F6ED · #A8B597 · #328184 · #764A5D · #354B03

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

The five colors

• Ivory (#F6F6ED): bright and airy, almost weightless.
• Sage (#A8B597): A luminous, dusty green — the color of fresh herbs.
• Teal (#328184): A full-bodied, dusty teal — the color of glacier melt.
• Coffee (#764A5D): A full-bodied, dusty rose — the color of a warm blush.
• Deep Olive (#354B03): A deep, shadowed, balanced green — the color of fresh herbs.

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

Use it as a design system

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

• Pine Drift color palette (#FCF4EA, #B7B090, #518058, #6F542E, #4F4200)
• Timeworn Lagoon color palette (#E8F5F2, #93C09D, #3B856C, #6A4A57, #0F2D2B)
• Lagoon Chapel color palette (#F6F6E8, #C0CA9F, #46A385, #986530, #3E4800)
• Airy Pine Thicket color palette (#F2FAD9, #8CC2A0, #358A52, #005539, #033818)
• Hushed Mulberry color palette (#F2F9E3, #519A6E, #9D5FA8, #993C6A, #373932)
• Bronze Courtyard color palette (#F5F8DF, #C0EFDB, #9BC4E2, #8B7C2F, #4A5640)
• Weathered Market color palette (#E9E5D3, #6F9874, #006358, #404100, #272C05)
• Tempered Pine color palette (#F4F7E7, #75B07E, #A472BB, #007B30, #50375B)

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