Fern Studio color palette — #F4F7EA · #D3E5C0 · #A3BF9C · #AD938E · #3E5616

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

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Celadon Mist (#D3E5C0): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A3BF9C): A luminous, dusty green — the color of new leaves after rain.
• Taupe (#AD938E): A luminous, dusty orange — the color of autumn markets.
• Deep Olive (#3E5616): A full-bodied, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, 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

• Tempered Chapel color palette (#F9F4ED, #B9E7F1, #8ED3E8, #95A98B, #395047)
• Patina Meadow color palette (#F6F6EB, #ACDEC8, #68A8AB, #907675, #3F5614)
• Dusty Straw color palette (#FFF5D8, #F1E69F, #C1BD79, #908C5E, #3E3B34)
• Timeworn Corridor color palette (#ECF8F6, #CBD9F0, #7FBBB8, #8C8195, #304C4D)
• Quiet Chartreuse Quarry color palette (#FCF5E3, #C5DB6F, #7AB860, #AD7A72, #373F16)
• Honey Harbor color palette (#FEF4E0, #DCC777, #76CCE1, #C7A0BE, #45423B)
• Worn Lagoon color palette (#EAF4F4, #AACBCC, #578D93, #4D6A4F, #1F3637)
• Sand Ridge color palette (#FCF4E6, #EED28D, #ACC6FF, #C0A562, #5B4458)

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