Softworn Villa color palette — #F0F5FF · #99BC6C · #424C85 · #202D49 · #1C1926

Sage and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sage (#99BC6C): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#424C85): A full-bodied, balanced violet — the color of wild irises.
• Midnight (#202D49): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#1C1926): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Washed Meadow color palette (#F3F4FE, #B5C993, #575A7F, #35374B, #27232A)
• Muted Apricot color palette (#EFF6FF, #E19D67, #305186, #1E2F45, #191827)
• Dusty Moss Quarry color palette (#F6F3FF, #98AE23, #6C266E, #3C113D, #1C162C)
• Pewter Terrace color palette (#FEF1F8, #E9D3A6, #908FC0, #5E5D8C, #2A1D25)
• Misty Aubergine color palette (#DDE3FF, #66A800, #440095, #20004D, #0A0C25)
• Timeworn Courtyard color palette (#F2F5FE, #A9A3F3, #A05A35, #5C539C, #2E1F27)
• Worn Moss color palette (#E1DBEB, #8C9500, #5F024F, #270720, #0F030D)
• Muted Pewter color palette (#F5F4FC, #E5D7E0, #CBBCC1, #856791, #474650)

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