Tempered Fern Villa color palette — #F7F6E7 · #CFD6C1 · #97AE92 · #436700 · #33332C

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

The five colors

• Ivory (#F7F6E7): bright and airy, almost weightless.
• Oat (#CFD6C1): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#97AE92): A luminous, dusty green — the color of new leaves after rain.
• Olive (#436700): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#33332C): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered 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

• Antique Veranda color palette (#EAF4F2, #B9DCD9, #80BB9A, #2D6C00, #021F1B)
• Muted Cypress Loft color palette (#F2F7F1, #D1DCDA, #9EBBB1, #007469, #333E2F)
• Tempered Olive color palette (#F5F6EB, #DCE1CD, #97CCAD, #408D00, #33332C)
• Washed Spruce Market color palette (#E0E3D7, #939E8E, #5B7963, #003514, #080A01)
• Muted Moss Basin color palette (#F6EBCC, #70A24E, #006C45, #4A4500, #1A3600)
• Aged Driftwood color palette (#F5F6EF, #D5DCD8, #A1AEB7, #6D8C65, #52534B)
• Tempered Boulevard color palette (#E1E8E1, #B0BCB6, #99879A, #004F4F, #162316)
• Sunlit Garnet Grove color palette (#E9F1DD, #5BB792, #227685, #7E2C2A, #562900)

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