Tempered Emerald Villa color palette — #F0F5DF · #55985D · #3D7D9D · #734611 · #191C06

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

The five colors

• Cream (#F0F5DF): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#55985D): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#3D7D9D): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#734611): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#191C06): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Weathered Cerulean color palette (#E4F8E9, #0097AA, #746CA5, #455A1F, #0B1F12)
• Worn Field color palette (#F1F4E4, #5B975C, #22809E, #36527F, #191C07)
• Chestnut Alley color palette (#F1F4E6, #75A27A, #A57569, #7B552D, #222414)
• Garnet Corridor color palette (#E4FAFC, #229678, #6769AB, #85343E, #0C3A3D)
• Weathered Emerald Canyon color palette (#F2F3E6, #649346, #8E464E, #633206, #191100)
• Ultramarine Coast color palette (#E0F4F1, #007C73, #2744D4, #423D00, #000E0C)
• Turquoise Pier color palette (#F1F5DD, #4AADB4, #2E758C, #493E6A, #0C2A17)
• Lagoon Pier color palette (#EEF4ED, #CEDAD7, #AFC0BE, #35837E, #282E27)

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