Weathered Villa color palette — #E2F2D7 · #006452 · #573B00 · #002E15 · #000301
A conversation between Pine and Cocoa, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E2F2D7): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#006452): A full-bodied, balanced teal — the color of shallow lagoons.
- Cocoa (#573B00): A deep, shadowed, dusty gold — the color of honey in a jar.
- Deep Forest (#002E15): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Weathered 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
- Gentle Atelier color palette (#FDDDE4, #9F24CC, #005D39, #003F25, #000D03)
- Smoked Boulevard color palette (#D9ECF3, #004A4D, #301F00, #0B1000, #000201)
- Moonless Ultramarine Hollow color palette (#FAE0F6, #2500F1, #533C00, #2E2000, #000201)
- Misty Petrol color palette (#D0EAE3, #0068B4, #6D3300, #1B2D00, #040A00)
- Frosted Cobalt color palette (#D7FDEE, #0087BB, #636C00, #495100, #131700)
- Chestnut Lagoon color palette (#D5E6D1, #009281, #955000, #4D4300, #000300)
- Wandering Indigo Boulevard color palette (#FCE5F5, #5D66F6, #006F44, #004A2C, #0C1700)
- Deep Garnet Boulevard color palette (#C8E8D5, #006182, #770D00, #480500, #020200)
Browse the whole catalog at Explore, or see today's palette.