Teal Villa color palette — #E9F8FF · #D7DAE6 · #B8ACAA · #69BBB3 · #334E5D
A conversation between Mint Leaf and Peacock, giving this palette its sense of sophistication and softness.
The five colors
- Ivory (#E9F8FF): a clean, paper-quiet neutral.
- Silver (#D7DAE6): bright and airy, almost weightless.
- Ash (#B8ACAA): a calm mid-gray that lets other colors speak.
- Mint Leaf (#69BBB3): A luminous, balanced teal — the color of sea glass.
- Peacock (#334E5D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Wandering Azure Courtyard color palette (#EFF6FF, #E0D9E2, #B7B1A7, #35A7F8, #2E335F)
- Lilac Market color palette (#DBEBFE, #ADB4EC, #A47CCC, #004D65, #00000C)
- Washed Mallow Loft color palette (#E6FCEC, #DBD8E4, #CFBEF0, #6D8967, #41564C)
- Iris Villa color palette (#D8F1FF, #91CDFF, #8496E9, #006D72, #00070E)
- Washed Coast color palette (#FFF1F6, #CCE5CC, #C0936E, #925B44, #1C3927)
- Ancient Grove color palette (#EBF7FF, #D9DAE5, #E0BFE6, #008FA0, #003151)
- Olive Ridge color palette (#EEF6FF, #7EB7F5, #D28969, #7A7614, #12263A)
- Timeworn Basalt color palette (#FFE6F1, #CFECD7, #BAE3FF, #0F384F, #0E151A)
Browse the whole catalog at Explore, or see today's palette.