Teal Villa color palette — #DFF7FA · #53B99D · #B87695 · #00765F · #301E3D

Jade takes the lead with Teal close behind in a set that reads as balance at first glance.

The five colors

• Ivory (#DFF7FA): A whisper-light, dusty blue — the color of deep harbor water.
• Jade (#53B99D): A luminous, balanced teal — the color of shallow lagoons.
• Dusty Rose (#B87695): A luminous, balanced rose — the color of a warm blush.
• Teal (#00765F): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#301E3D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Balance. Tagged cool.

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

• Feathered Peony color palette (#EDFAE8, #65AFA4, #B86C9D, #00766A, #5B334D)
• Driftwood Delta color palette (#E0F6FF, #5CB3BD, #C0776D, #00727C, #451511)
• Olive Grove color palette (#E1F8F1, #94B061, #A07DB7, #566F1D, #321D3E)
• Patina Blush Station color palette (#EFF9E7, #7EC9B2, #DF83AD, #00967A, #603046)
• Worn Lantern color palette (#D7F9FF, #03A490, #8971B3, #925D2E, #002328)
• Dusty Pewter color palette (#E6F6ED, #8DB6A6, #7D7647, #5D491E, #0B2823)
• Soft Hollow color palette (#E5F4FF, #2AB7E9, #B35700, #006483, #371600)
• Washed Powder color palette (#DAF9FD, #CCDAEB, #96C8E7, #628D72, #17333A)

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