Fern Studio color palette — #FFF2EC · #A3C9A7 · #51A0A9 · #9B595B · #375110

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Pistachio (#A3C9A7): A luminous, dusty green — the color of a quiet forest floor.
• Storm Blue (#51A0A9): A luminous, dusty blue — the color of open sky before noon.
• Walnut (#9B595B): A full-bodied, balanced red — the color of embers at dusk.
• Deep Olive (#375110): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

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

• Weathered Pewter Thicket color palette (#FFF3E9, #C9BF8C, #709F81, #915788, #524800)
• Dusty Azure color palette (#FFF3E6, #8CCBCA, #6D96C3, #8C663B, #384E40)
• Aged Boulevard color palette (#FFF0F9, #A2F2C2, #6FADBD, #7E698A, #294449)
• Ancient Driftwood Dune color palette (#F6F7E2, #CFDAC8, #8FB09F, #B67356, #714900)
• Jade Quarry color palette (#FFF2E9, #31C391, #008BAC, #8F4100, #003F3A)
• Hushed Station color palette (#ECF5E9, #50AEA1, #4B5D53, #323B2F, #20231B)
• Teal Grove color palette (#E6FBF5, #6CB9A3, #2C8687, #485880, #334D51)
• Timeworn Cabin color palette (#FAF3F0, #CEE6E3, #88B8D8, #2E9988, #5F4B5E)

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