Teal Villa color palette — #F2F8EB · #63A88B · #347B8D · #42517D · #4C4300

A conversation between Jade and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F2F8EB): bright and airy, almost weightless.
• Jade (#63A88B): A luminous, balanced teal — the color of sea glass.
• Slate (#347B8D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Peacock (#42517D): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Olive (#4C4300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged muted, 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

• Muted Teal color palette (#F3F7EC, #6AA885, #3C7B82, #2F567E, #573746)
• Washed Turquoise color palette (#EEF8F2, #5FA3BA, #626E98, #66456D, #374927)
• Lagoon Basin color palette (#E4FEDD, #78C6C2, #239398, #26757D, #365842)
• Aubergine Balcony color palette (#E8FBEA, #008F95, #005D9C, #4C198F, #003C0E)
• Worn Garnet color palette (#F3F3E7, #8EA671, #337C91, #772E53, #222C00)
• Aged Stone Workshop color palette (#E9FCE1, #AFC7B0, #88A091, #7E6775, #634645)
• Muted Mulberry Quarry color palette (#EDF8F8, #8DBEA4, #5099A5, #964C78, #3E471E)
• Softworn Lagoon Corridor color palette (#EEF4E9, #1A9175, #354032, #252B21, #101712)

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