Tempered Villa color palette — #F6F7D9 · #E99400 · #2DAE39 · #006D85 · #00311E

Built around Kelly Green, softened by Apricot — the whole palette hums with nature and growth.

The five colors

• Custard (#F6F7D9): A whisper-light, dusty green — the color of a quiet forest floor.
• Apricot (#E99400): A luminous, vivid gold — the color of afternoon light on wheat.
• Kelly Green (#2DAE39): A luminous, vivid green — the color of fresh herbs.
• Peacock (#006D85): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#00311E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged candy, vibrant, light.

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

• Moss Dune color palette (#F9F2D3, #F19754, #939E00, #007175, #063202)
• Mustard Station color palette (#EAF6DD, #BCB22B, #00B087, #0075B5, #00302D)
• Quiet Archive color palette (#DDE6C7, #B8A300, #009854, #005A80, #001B19)
• Timeworn Villa color palette (#F5F7E7, #F5C071, #63C454, #0086AE, #00352C)
• Ancient Moss Orchard color palette (#CDF6F0, #BBB300, #12B22B, #007F79, #001206)
• Wandering Clover color palette (#EFF4D4, #C9CF43, #34C619, #00988C, #00301C)
• Amber Orchard color palette (#FCF0D9, #EF888D, #A48800, #007C50, #222200)
• Nightshade Balcony color palette (#E1F2D8, #919400, #007868, #1E00D6, #000B0D)

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