Fern Study color palette — #F6EDE1 · #98903B · #3E6100 · #37325C · #181100

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

The five colors

• Cream (#F6EDE1): bright and airy, almost weightless.
• Moss (#98903B): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#3E6100): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#37325C): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#181100): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Weathered Forest Quarry color palette (#EAE7D7, #6E9B6C, #00644D, #482B51, #121400)
• Hushed Study color palette (#EEE4CF, #948F3C, #535B00, #5D2D30, #322809)
• Faded Loft color palette (#FBF1DA, #96B36F, #008044, #75324D, #242101)
• Hushed Pier color palette (#DCE9DB, #B1A84D, #57801D, #4A5376, #063120)
• Muted Olive Corridor color palette (#E7FBEE, #C3BF71, #747E00, #734042, #001E12)
• Driftwood Lagoon color palette (#F7F1E9, #CFC2A0, #758B60, #74595C, #33312A)
• Worn Pine color palette (#EBE7D0, #31793F, #004033, #350730, #000401)
• Petrol Coast color palette (#F2E6E0, #77C2C7, #007795, #004D37, #00172B)

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