Teal Villa color palette — #FAF3F0 · #C5DDE5 · #B5C0ED · #58A387 · #5B4556
A conversation between Jade and Sky, giving this palette its sense of sophistication and softness.
The five colors
- Ivory (#FAF3F0): a clean, paper-quiet neutral.
- Silver (#C5DDE5): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#B5C0ED): A luminous, dusty violet — the color of a velvet chair.
- Jade (#58A387): A luminous, balanced teal — the color of sea glass.
- Charcoal Brown (#5B4556): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Sophistication, Softness, Clarity. Tagged coastal, cool, 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
- Powder Villa color palette (#FFF1F2, #E2DBD0, #B4B5E7, #9DB2B2, #5D4846)
- Muted Basin color palette (#FAF2F8, #D7D5EA, #779EBC, #41797B, #475368)
- Jade Atelier color palette (#FFF2EF, #F3B9C9, #96CA97, #76B478, #4C302B)
- Feathered Lagoon color palette (#FCF3ED, #C3E5F7, #85ACFF, #008881, #382862)
- Antique Ash color palette (#F6F1EA, #C2E9E4, #74A4BA, #5A7356, #253C35)
- Ancient Denim Terrace color palette (#EBE2DC, #84AD98, #00549E, #002C24, #010009)
- Muted Pine Hollow color palette (#FFF2EE, #BDEDF5, #47B4DD, #00853E, #122F52)
- Ultramarine Hollow color palette (#FBEBE0, #83C0E0, #205FCD, #003E39, #030011)
Browse the whole catalog at Explore, or see today's palette.