Cypress Villa color palette — #FCF2F6 · #C1E1FC · #728AB7 · #186F76 · #3D4663

Teal and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Powder Blue (#C1E1FC): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#728AB7): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#186F76): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3D4663): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, 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

• Patina Terrace color palette (#F8EFF2, #C5E0F6, #778CC0, #006D69, #252949)
• Lagoon Workshop color palette (#FCF3EB, #C6EFE1, #8DA3DA, #2D8A87, #603A4C)
• Softworn Grove color palette (#FCF2F9, #8FD3D5, #27849E, #006342, #1F3D56)
• Ancient Study color palette (#F7EAF1, #298DAC, #003F68, #002320, #01012C)
• Turquoise Orchard color palette (#F9EAF5, #34B1C2, #005F81, #003F32, #011F3F)
• Powder Field color palette (#E2FBFF, #CBDBEF, #C4BBEE, #688B69, #374C54)
• Muted Teal Corridor color palette (#E3FAFF, #00B7AE, #C3688A, #00756F, #4D3A56)
• Petrol Bloom color palette (#F9EAEE, #8AB6DE, #4B64AA, #004E58, #2D2651)

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