Soft Villa color palette — #FFF2EC · #B0F3FC · #009ED9 · #006E44 · #081B44

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Sea Foam (#B0F3FC): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#009ED9): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006E44): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#081B44): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Tempered Iris color palette (#FAF4EE, #CBEBFF, #668EEA, #006A65, #211340)
• Worn Periwinkle Loft color palette (#FAF4F0, #BDE6F4, #60ADED, #008265, #3F2338)
• Ancient Sapphire color palette (#FFF2E9, #99D6F1, #0376EB, #005248, #0C042A)
• Hushed Parlor color palette (#F4EBF2, #7DBEC6, #007295, #00523E, #0A2F51)
• Magenta Boulevard color palette (#FFF1F3, #CA60D0, #009879, #007D64, #1E0208)
• Timeworn Denim color palette (#F8ECE5, #6DACC4, #00559B, #002C24, #01000A)
• Ancient Spruce Corridor color palette (#F8EBE7, #61CBC5, #00738B, #064107, #000308)
• Dusty Powder color palette (#FAF3F0, #C0E2EC, #B4C2F4, #65A087, #594655)

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