Teal Villa color palette — #FFF1F7 · #C8EAFF · #90B6FF · #00A69C · #42336F

Turquoise and Sky set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Frost (#C8EAFF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#90B6FF): A luminous, balanced violet — the color of a velvet chair.
• Turquoise (#00A69C): A luminous, balanced teal — the color of shallow lagoons.
• Royal Purple (#42336F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Pale Jade color palette (#FCF1FA, #A5F4FB, #5CC3F5, #47A670, #253F6B)
• Periwinkle Quarry color palette (#F9EAEF, #B0D8FD, #919EE9, #009095, #36244A)
• Patina Powder Field color palette (#F9F3F9, #D2D6E9, #93D2E6, #78AEA8, #415569)
• Azure Garden color palette (#EDE1EA, #91CBD4, #2B9CD6, #008155, #07194E)
• Patina Blush Grove color palette (#FFE3EA, #FF8AAE, #00C3C1, #1A9FC6, #51192D)
• Powdered Cornflower color palette (#FCEFE5, #A2D8F7, #4D7FDE, #00635C, #26194D)
• Muted Cobalt Boulevard color palette (#F0E6EF, #72ACB2, #007EAC, #006137, #000623)
• Timeworn Wisteria color palette (#FAF2FF, #ECDCC9, #E0DB7E, #C899F0, #5E3036)

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