Fern Studio color palette — #EFF8F2 · #C5D8CF · #82B2A3 · #675B00 · #1C3A2B

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF8F2): bright and airy, almost weightless.
• Oat (#C5D8CF): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#82B2A3): A luminous, dusty teal — the color of glacier melt.
• Olive (#675B00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#1C3A2B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Chestnut Quarry color palette (#FCF2F5, #C9D7CA, #93AF9B, #804D00, #452933)
• Washed Forest Atelier color palette (#E7F1EF, #BDD1D0, #89A7A8, #076714, #193330)
• Hushed Bronze color palette (#FBF4E8, #E2DFCA, #9BCCA3, #907400, #36322C)
• Timeworn Drift color palette (#CBF5F2, #55A481, #006A55, #434700, #003824)
• Patina Spruce color palette (#DCE8E4, #8D9E9A, #597874, #253000, #000D08)
• Driftwood Market color palette (#F0F7F4, #D2DCDD, #A9ACB7, #838652, #4A5550)
• Abyss Courtyard color palette (#DBE5E6, #AABDC0, #70959E, #00523B, #0B2425)
• Fern Chapel color palette (#C1F2DB, #758700, #176305, #00404A, #1F2F00)

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