Fern Villa color palette — #EEF2FC · #8C90BF · #9D7C56 · #49692E · #1B2235

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

The five colors

• Ivory (#EEF2FC): bright and airy, almost weightless.
• Blue Fog (#8C90BF): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#9D7C56): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive (#49692E): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#1B2235): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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

• Patina Terrace color palette (#F3EFFD, #B183AD, #7E8A4D, #176D5B, #241F31)
• Weathered Chestnut color palette (#E6F4FE, #679DB9, #AD6F6F, #795800, #122532)
• Weathered Fern Corridor color palette (#E6F7E9, #BC9FC8, #996879, #465A1D, #2F283D)
• Timeworn Ridge color palette (#FAF2FB, #6594C6, #A17632, #256C65, #443945)
• Lilac Meadow color palette (#FFF0F9, #9FA3E9, #C0915C, #6F834D, #473841)
• Plum Villa color palette (#EAE6F8, #99589D, #656A00, #004F45, #120A24)
• Mulberry Workshop color palette (#EFF1FF, #D4B4D9, #A77094, #883358, #510B16)
• Indigo Pier color palette (#F0F1F8, #B7C2E7, #B26884, #6F62BA, #1B121F)

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