Teal Villa color palette — #F4F6EC · #BCF4DB · #54B0A4 · #8D6A7E · #2B4000
Built around Turquoise, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F6EC): a clean, paper-quiet neutral.
- Mint (#BCF4DB): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#54B0A4): A luminous, balanced teal — the color of sea glass.
- Slate (#8D6A7E): A full-bodied, dusty pink — the color of peonies in June.
- Deep Olive (#2B4000): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Hushed Workshop color palette (#FBF5E6, #D1E4C0, #7EAD68, #8D6C74, #3A3932)
- Patina Alley color palette (#F8F5E8, #B1E3BD, #7ABAB2, #A68883, #3D4900)
- Softworn Lagoon color palette (#F5F7E8, #9DE1C0, #00A08E, #7F5851, #232B16)
- Tempered Petrol Alley color palette (#E3F7F2, #91BDBC, #487F89, #585068, #022E2E)
- Misty Rose color palette (#FFF2EF, #FFC1CC, #22D8CD, #CD5E79, #293F25)
- Abyss Pier color palette (#E9E4D4, #678546, #004918, #30062E, #010100)
- Antique Cocoa color palette (#FFF2EE, #E0D9CE, #A1B3B2, #C88DA5, #692C12)
- Washed Lime color palette (#FFF2EE, #FF99A3, #7EBF4E, #6895CB, #3B241E)
Browse the whole catalog at Explore, or see today's palette.