Soft Villa color palette — #FFF2EE · #38E6E2 · #009BBE · #00791E · #00345E
Olive and Lagoon set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Lagoon (#38E6E2): A whisper-light, balanced teal — the color of sea glass.
- Cerulean (#009BBE): A luminous, balanced blue — the color of deep harbor water.
- Olive (#00791E): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#00345E): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Soft 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
- Dusty Cornflower color palette (#FFF2EB, #67DCFF, #0090F1, #00755E, #292C60)
- Softworn Archive color palette (#FEF1F9, #B5FEFB, #00ACC8, #007746, #00283C)
- Forest Loft color palette (#F0E3DE, #3AC8CA, #0081A3, #005E25, #001F42)
- Washed Turquoise color palette (#F6F6E7, #97EBE6, #00C2C8, #009A82, #003A41)
- Wandering Cypress color palette (#E4FBF6, #6DCAC6, #007D83, #00574A, #003A42)
- Weathered Iris color palette (#FAF4ED, #AFDAFF, #7E90DD, #0E7B7D, #4E303D)
- Emerald Thicket color palette (#D6FFF9, #B4E7FF, #C1A9FF, #169247, #003F4C)
- Dusty Turquoise color palette (#FCF3EF, #CAF0D3, #63AED9, #59866D, #554052)
Browse the whole catalog at Explore, or see today's palette.