Teal Villa color palette — #FFF2EE · #7DB794 · #507E97 · #794A4F · #3E4D3A
Built around Mint Leaf, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Mint Leaf (#7DB794): A luminous, dusty teal — the color of glacier melt.
- Slate (#507E97): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Coffee (#794A4F): A full-bodied, dusty red — the color of late-summer berries.
- Deep Olive (#3E4D3A): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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
- Mulberry Dune color palette (#E6F7E9, #79BBA8, #368495, #763A5F, #123138)
- Pewter Station color palette (#FEF4E4, #93CCBB, #5C9EAD, #95577C, #3D4D3A)
- Cypress Villa color palette (#FBF3EF, #CAE8E7, #AB8DAD, #447A6E, #624A59)
- Olive Pier color palette (#F6F6EA, #B7C7A8, #698B6F, #6D691D, #3C5717)
- Lagoon Summit color palette (#FFF2EA, #00A47B, #00659D, #712F00, #003E3F)
- Aged Turquoise color palette (#FDF1FB, #B1DEB4, #6DBAD6, #B47A76, #314D51)
- Washed Navy Studio color palette (#FBD6B8, #008A7C, #1B4A90, #512500, #002A30)
- Powdered Aubergine color palette (#DBEDB8, #008AAF, #652CA3, #303F00, #002853)
Browse the whole catalog at Explore, or see today's palette.