Teal Villa color palette — #DCF9F1 · #5DAF8F · #227A74 · #2E466D · #00282C

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

The five colors

• Honeydew (#DCF9F1): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#5DAF8F): A luminous, balanced teal — the color of sea glass.
• Teal (#227A74): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2E466D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00282C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged retro, 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

• Ancient Pine Market color palette (#E2F8ED, #92A565, #467946, #004F5E, #002A23)
• Cerulean Veranda color palette (#DDF9F5, #75B9BD, #458297, #544B71, #14303B)
• Antique Navy color palette (#E6F5F9, #399EA1, #376993, #45356E, #042607)
• Hushed Garnet Field color palette (#FFF2EB, #74A674, #007880, #7D2F43, #3B3E38)
• Ancient Loft color palette (#EBF4F3, #C4E2EF, #479AB1, #006C6E, #053045)
• Gentle Aubergine Alley color palette (#E8F2E3, #00938B, #005D69, #2C1081, #001617)
• Lagoon Garden color palette (#D5E9EC, #008878, #12363F, #06191C, #010809)
• Wandering Seafoam color palette (#FFF0F9, #98DFA7, #519FAB, #894E65, #07393D)

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