Fern Villa color palette — #F6F6EB · #BEC5A3 · #4B9177 · #5A6B5B · #495304

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

The five colors

• Ivory (#F6F6EB): bright and airy, almost weightless.
• Pistachio (#BEC5A3): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#4B9177): A luminous, balanced teal — the color of shallow lagoons.
• Graphite (#5A6B5B): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#495304): A full-bodied, 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 Villa 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

• Timeworn Meadow color palette (#F7F6EA, #97BA97, #3B8364, #6B4F68, #414700)
• Patina Coast color palette (#F5F2E8, #AFCEA7, #77896A, #52675E, #31322B)
• Muted Coast color palette (#F8F5EF, #C8E7E4, #5EA3C4, #3E7A77, #365149)
• Aged Thicket color palette (#EAE4D7, #8C9158, #3E6100, #00445E, #312804)
• Tempered Olive color palette (#EEE9D0, #5B893B, #005327, #002E5D, #1D1C00)
• Worn Corridor color palette (#EAEED9, #26AA81, #006960, #413778, #003727)
• Hushed Olive Bloom color palette (#FEF4E6, #B0A557, #627200, #005A6F, #3D3A34)
• Lowlit Forest color palette (#E8EAD9, #0D6E48, #00332B, #001B1F, #000803)

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