Tempered Villa color palette — #F0F7F2 · #A6CABC · #6F8B5C · #4E6A7E · #3D534A

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Stone (#A6CABC): A luminous, dusty teal — the color of glacier melt.
• Fern (#6F8B5C): A luminous, dusty green — the color of a quiet forest floor.
• Graphite (#4E6A7E): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#3D534A): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Turquoise Garden color palette (#F1F7F2, #CEE3F6, #53A8B3, #3F7C65, #405662)
• Cocoa Grove color palette (#FEF3E9, #E0D0A7, #8AA57E, #8D767D, #604A00)
• Antique Moss color palette (#F4F4FF, #C2A2D0, #80A65F, #895F9A, #33554D)
• Aged Emerald color palette (#D8E9E4, #619C6A, #006549, #2F3C61, #00302E)
• Antique Parlor color palette (#F5F3FF, #E4D6DF, #E6B8C6, #8285A7, #504B5B)
• Linen Pine Basin color palette (#E2FCF2, #84B272, #007E47, #2C5185, #2A421F)
• Washed Coast color palette (#F5F3FF, #B187B6, #A6843E, #14868E, #433F53)
• Worn Bronze Archive color palette (#E0EDE1, #877B2D, #414A00, #2F2457, #002112)

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