Teal Villa color palette — #EFF4E8 · #5CAF88 · #525C4B · #2E3F00 · #21231B
A conversation between Jade and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#EFF4E8): a clean, paper-quiet neutral.
- Jade (#5CAF88): A luminous, balanced teal — the color of glacier melt.
- Charcoal Brown (#525C4B): A full-bodied, dusty green — the color of new leaves after rain.
- Deep Olive (#2E3F00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Onyx (#21231B): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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
- Jade Pier color palette (#F3F3E5, #86A864, #575E12, #393831, #23221B)
- Dusty Mint color palette (#E8F9F9, #48C993, #415A5D, #222E2E, #091111)
- Mint Coast color palette (#DEF8F8, #5BD197, #62818A, #4B5757, #1D2322)
- Ancient Chapel color palette (#E2F3DE, #009B8E, #005052, #002E29, #0C1406)
- Dusty Periwinkle Bloom color palette (#E8FBEC, #74BFCB, #92A0E3, #72A06E, #35483A)
- Timeworn Terrace color palette (#EEF9ED, #95D1CE, #C0B175, #00A19E, #504D46)
- Worn Bronze Bloom color palette (#F6F6EC, #D3D4B5, #84A684, #887F36, #525000)
- Washed Stone color palette (#EEF9EA, #C2D7C5, #9ABAA8, #9C7F8F, #644D55)
Browse the whole catalog at Explore, or see today's palette.