Cypress Villa color palette — #FAF4EE · #C5E5D8 · #708BB4 · #097075 · #593E50

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Celadon Mist (#C5E5D8): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#708BB4): A luminous, dusty blue — the color of open sky before noon.
• Teal (#097075): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#593E50): A full-bodied, dusty pink — the color of peonies in June.

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 Balcony color palette (#FEF3ED, #CAE4CF, #4A95B2, #336F5A, #225147)
• Patina Workshop color palette (#FBF3F0, #CBE8E3, #7BA392, #627652, #5F4B60)
• Ancient Cerulean Drift color palette (#DFFDF2, #FFE2E5, #D9B6D8, #378492, #584857)
• Tempered Petrol Studio color palette (#EAF4F4, #CADFF0, #6393BC, #006883, #122D4C)
• Ancient Cobalt Basin color palette (#FCF3EC, #A3D7F1, #3181D3, #006666, #313A72)
• Petrol Quarry color palette (#E8FAF4, #6BA5D8, #B77853, #266A9E, #60361D)
• Wandering Cobalt color palette (#B1F6F4, #42B3CB, #2387B9, #335D92, #3F466B)
• Hushed Powder Cabin color palette (#FCF2F6, #D7DEF5, #94BFFF, #4FA8AD, #3E475F)

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