Fern Villa color palette — #E6F6ED · #A0A476 · #5C6D2A · #5F3949 · #002317

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#E6F6ED): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A0A476): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#5C6D2A): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#5F3949): A deep, shadowed, dusty rose — the color of strawberry cream.
• Onyx (#002317): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Hushed Pine Parlor color palette (#E7F6F0, #92A97C, #4A7042, #334E37, #00221C)
• Hushed Cypress Hollow color palette (#FCF4E5, #A19C77, #3F7049, #6B384F, #36362F)
• Amber Villa color palette (#ECDDBD, #B69624, #716500, #403F00, #222500)
• Aged Olive Pier color palette (#E3F4C1, #A0B867, #597200, #2D3D00, #090F00)
• Antique Chestnut Cabin color palette (#FBF4E6, #C0B48F, #7C874F, #88562C, #37352F)
• Olive Alley color palette (#DEF9F0, #B0E3D8, #8CC79C, #767430, #063129)
• Muted Studio color palette (#EAFAEF, #A9DDCC, #69976F, #6E5A7C, #0E2E26)
• Olive Alley color palette (#D8E7E0, #7E8200, #00816E, #91400E, #001910)

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