Teal Villa color palette — #E6F9FF · #D8DCE7 · #C3ABAB · #83B7A0 · #42545E

Sage and Rosewood Mist set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#E6F9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Silver (#D8DCE7): bright and airy, almost weightless.
• Rosewood Mist (#C3ABAB): A luminous, dusty red — the color of embers at dusk.
• Sage (#83B7A0): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#42545E): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Teal 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 Shell Market color palette (#EFF6FF, #DED7E4, #FFBAB9, #70A4BA, #495062)
• Hushed Taupe color palette (#FEF1F6, #B5D4B7, #C0906D, #866A80, #3E4C44)
• Tempered Taupe color palette (#EDF7FF, #77B2DC, #CE8773, #7A7F49, #333F49)
• Iris Loft color palette (#D9EEF6, #75A5DA, #8473CE, #005D4D, #000E16)
• Linen Courtyard color palette (#DFE6F4, #C2A2E1, #E55497, #00619C, #21123A)
• Hushed Cobalt color palette (#EFF6FD, #F8C4AB, #4F81B2, #3C4F62, #242C35)
• Ancient Wisteria Hollow color palette (#D9F0FF, #C0CEFC, #CE9AF1, #008A8F, #223751)
• Glacier Dune color palette (#FCE585, #FFC6D3, #59DEFE, #40545F, #2D363B)

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