Cypress Villa color palette — #F7F1E8 · #C5E5D5 · #6693B5 · #126B70 · #382439

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

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Celadon Mist (#C5E5D5): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#6693B5): A luminous, dusty blue — the color of deep harbor water.
• Teal (#126B70): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#382439): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Ancient Harbor color palette (#F5F1EA, #C9E5CB, #5C98A5, #216D5A, #0D3425)
• Antique Villa color palette (#F8F1E5, #92DCF5, #308CBC, #006263, #002649)
• Dusty Balcony color palette (#F5EBDB, #6DA8A7, #006470, #003B2B, #000D13)
• Navy Hollow color palette (#F0E6D8, #5492B7, #004A88, #002B32, #01001E)
• Cerulean Atelier color palette (#F6EBDA, #398591, #004255, #00201C, #000103)
• Aged Powder color palette (#FBF3EE, #C0E4F2, #95BEEF, #429281, #523447)
• Amber Market color palette (#FFEEE1, #C07A44, #2B927E, #725CA1, #2E1803)
• Petrol Thicket color palette (#EFE8DD, #94BEAC, #2B6FA8, #004A52, #021239)

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