Teal Villa color palette — #FAF3F7 · #D4E0F8 · #99C1EE · #55AA95 · #3C4763

Built around Turquoise, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Frost (#D4E0F8): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#99C1EE): A luminous, dusty blue — the color of open sky before noon.
• Turquoise (#55AA95): A luminous, balanced teal — the color of sea glass.
• Charcoal (#3C4763): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, 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

• Dusty Lagoon color palette (#F9F4ED, #BEE8E6, #79ACCD, #3C888A, #543F56)
• Faded Dune color palette (#FFF1F5, #B7DFFF, #8CA4FF, #009798, #3D1E65)
• Faded Mallow Drift color palette (#FAF1FF, #FD9CBE, #68CAAA, #1AAEB7, #413049)
• Tempered Courtyard color palette (#FAEAF1, #7CB9DA, #447DEB, #006E66, #17043A)
• Antique Cobalt Veranda color palette (#F0E0EC, #60AFB9, #007EAF, #00613B, #00032A)
• Faded Seafoam color palette (#F6F3FF, #F1B5EA, #59D5C7, #C486BD, #0C4D47)
• Ancient Powder color palette (#F8F2FF, #F9DAA9, #EED5DA, #BEADE1, #5B495D)
• Quiet Pine Studio color palette (#EBE1EC, #8BCEC9, #00A2C2, #2F812A, #00213B)

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