Cypress Villa color palette — #FFF5D5 · #AFC38F · #5F9172 · #016A5C · #004E57
A conversation between Pine and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF5D5): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#AFC38F): A luminous, dusty green — the color of new leaves after rain.
- Fern (#5F9172): A luminous, dusty teal — the color of sea glass.
- Pine (#016A5C): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#004E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.
Use it as a design system
One click turns Cypress 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 Lagoon color palette (#FFF0F7, #A1AF77, #3D8677, #704B69, #354D4A)
- Weathered Abyss Ridge color palette (#FFF0F7, #D3B588, #918A55, #4B642B, #005537)
- Weathered Denim Quarry color palette (#D5FFFB, #86CAB6, #448D93, #136782, #1D4C7E)
- Ancient Teal color palette (#E9F9F6, #F8E6AC, #A1D0A1, #37A9AB, #264A49)
- Lagoon Corridor color palette (#EFF7F4, #D3DCDF, #ADAAB4, #5F8D7E, #4C5552)
- Washed Pine color palette (#D6FFF8, #A2DBD5, #75B08F, #008767, #005147)
- Hushed Emerald color palette (#E2E8D9, #32A460, #006962, #003E4A, #00243A)
- Gentle Parlor color palette (#C2F4BE, #4DB190, #007573, #004F61, #003367)
Browse the whole catalog at Explore, or see today's palette.