Tempered Pine Villa color palette — #F5F4D7 · #7EB976 · #00813E · #205846 · #212300

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

The five colors

• Custard (#F5F4D7): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#7EB976): A luminous, balanced green — the color of new leaves after rain.
• Olive (#00813E): A full-bodied, balanced teal — the color of glacier melt.
• Pine (#205846): A full-bodied, dusty teal — the color of shallow lagoons.
• Onyx (#212300): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Softworn Station color palette (#FCF1D7, #AEAE28, #637400, #365628, #222200)
• Worn Teal Grove color palette (#ECF7DC, #47BFA1, #007C70, #0A575B, #00271E)
• Sunlit Moss Loft color palette (#E9E7C5, #60AA4D, #006E2F, #00474E, #041C00)
• Pale Emerald Chapel color palette (#FFF3E2, #B1C38A, #319D65, #207488, #354016)
• Washed Cerulean Courtyard color palette (#F2F3E7, #89E0E9, #0093A7, #00625E, #002A35)
• Twilit Olive Boulevard color palette (#E3DFC9, #4E7600, #124200, #002424, #030300)
• Sunlit Ultramarine Field color palette (#FFEBFB, #6892FF, #009A74, #284BC6, #00281C)
• Indigo Ridge color palette (#DEE3FF, #686BFF, #BF3093, #006E7D, #111139)

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