Patina Teal Villa color palette — #F7F6E7 · #7AB891 · #338777 · #345C83 · #464942

Mint Leaf takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F7F6E7): bright and airy, almost weightless.
• Mint Leaf (#7AB891): A luminous, balanced teal — the color of glacier melt.
• Fern (#338777): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#345C83): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#464942): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Patina 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

• Olive Thicket color palette (#FBF5E3, #ACAC6A, #648245, #00666C, #494841)
• Muted Summit color palette (#F4F8E5, #5DB8C1, #3A819C, #5F4F81, #3B4D41)
• Aged Chapel color palette (#FFEEE2, #91B97C, #3A8685, #6A435D, #292F1D)
• Tempered Workshop color palette (#FFF0F7, #9ECE88, #59A09F, #88607B, #354D4C)
• Dusty Grove color palette (#F2F8E8, #AFFFE1, #81E4AD, #48B09D, #474A43)
• Nightshade Veranda color palette (#F7F9D1, #00A28D, #006E73, #2B31A2, #003F3A)
• Navy Pier color palette (#DFE2BB, #008981, #005762, #2C1F78, #002A2B)
• Muted Orchard color palette (#F6F6ED, #C1C4A0, #5E8F67, #6E681C, #4F5100)

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