Teal Villa color palette — #DDE8DA · #00C4B5 · #5F7761 · #444D42 · #161A13

Turquoise and Pewter set the tone — five colors that lean into sophistication.

The five colors

• Parchment (#DDE8DA): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#00C4B5): A luminous, balanced teal — the color of sea glass.
• Pewter (#5F7761): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#444D42): A full-bodied, dusty green — the color of new leaves after rain.
• Ink (#161A13): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Timeworn Boulevard color palette (#D2EBE1, #17B8F8, #56786F, #3C4E47, #141A17)
• Faded Clover Hollow color palette (#E2E8D2, #48C679, #5F7A3B, #435003, #181913)
• Tempered Lagoon color palette (#DCEAD7, #00A696, #3C5346, #273123, #171913)
• Tempered Seafoam Corridor color palette (#F4F7E7, #A3E7C0, #74BDA2, #8E9379, #41433D)
• Cypress Market color palette (#D2E4D2, #007A7B, #003941, #0B1B1C, #000B01)
• Ancient Periwinkle color palette (#FDE8FA, #6197FF, #76566C, #463745, #110A12)
• Gentle Study color palette (#DAFFF0, #69CAFF, #C2A0F9, #70B59C, #253E35)
• Misty Glacier color palette (#E7FBEE, #59E0FE, #B5C96A, #45AEC6, #44433B)

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