Teal Villa color palette — #D2F3EC · #00BDB7 · #008085 · #006067 · #004A57

Turquoise and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D2F3EC): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#00BDB7): A luminous, balanced teal — the color of sea glass.
• Teal (#008085): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#006067): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#004A57): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, 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

• Softworn Lagoon color palette (#CEF1F0, #009DA4, #006E7A, #004957, #00313F)
• Pale Mint color palette (#DDF1DE, #00DEA9, #00B7BF, #0087AA, #004268)
• Quiet Bloom color palette (#E8FBEB, #00A8B0, #8C8100, #00696F, #413C00)
• Mint Atelier color palette (#8BF9C6, #00D2B8, #00A2A6, #006B7F, #004465)
• Timeworn Sky Boulevard color palette (#DFFEEB, #D7E2F7, #76B9FF, #007D8A, #1F4F62)
• Jade Alley color palette (#B7EFBE, #00BF72, #008A60, #005E48, #00424B)
• Cobalt Courtyard color palette (#D1F1FF, #50B0E1, #007FC2, #16578E, #413D62)
• Frosted Amethyst Pier color palette (#CBF3FF, #008EA9, #694EF2, #007437, #003743)

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