Cypress Villa color palette — #FAF4EC · #BDDDCB · #5C9EC6 · #007B7E · #1E3C5C

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

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Oat (#BDDDCB): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#5C9EC6): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007B7E): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1E3C5C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Wandering Studio color palette (#F5EDE1, #B3CDAF, #0098A4, #006F4F, #003441)
• Patina Cerulean color palette (#F8F5EF, #C2E5E9, #83A6DC, #0088A4, #5A3D52)
• Aged Petrol color palette (#E9DFCF, #74AEAD, #007382, #004C3A, #001720)
• Dusty Cobalt Boulevard color palette (#FEF3EC, #A7D0BA, #427BB7, #006150, #4E2E44)
• Weathered Cobalt color palette (#F4EEE5, #88B9D3, #1878C2, #005862, #011753)
• Frosted Emerald color palette (#DBEAD4, #7EBB82, #009B60, #006955, #004540)
• Soft Peony Corridor color palette (#E8F3DC, #66BB9A, #CD72A9, #008662, #551E41)
• Emerald Cabin color palette (#EDFAE4, #B4E8D9, #8FCDED, #4F9E60, #33492D)

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