Cypress Villa color palette — #FAF4F0 · #C9E4D4 · #5C8FBE · #00735B · #583E51

Pine takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Celadon Mist (#C9E4D4): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#5C8FBE): A luminous, balanced blue — the color of open sky before noon.
• Pine (#00735B): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#583E51): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Worn Cerulean color palette (#FBF3F1, #CEE4CA, #009AB6, #416F39, #245146)
• Washed Cobalt color palette (#FFF2EC, #92DCEB, #0087C9, #00694B, #2E3C6B)
• Hushed Amber Ridge color palette (#EEF9EE, #48B2B4, #BD7800, #007476, #47413C)
• Timeworn Denim Grove color palette (#D8E9C0, #51C6BC, #008498, #005C8C, #5A3E55)
• Washed Mallow Lantern color palette (#E5FCEE, #EFD9D6, #D8ACE3, #53896E, #34514A)
• Lagoon Bloom color palette (#F2E2DC, #2E9097, #00425B, #002411, #000720)
• Wandering Atelier color palette (#FAF3F7, #D2E1F9, #85C6F1, #5EA89A, #374961)
• Hazy Thicket color palette (#DFFEED, #0097BC, #B66218, #7C5D00, #203F31)

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