Sunlit Villa color palette — #E4F7F2 · #7FB247 · #1166B0 · #3C6200 · #000613

Clover and Cobalt set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E4F7F2): A whisper-light, dusty teal — the color of glacier melt.
• Clover (#7FB247): A luminous, balanced green — the color of fresh herbs.
• Cobalt (#1166B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#3C6200): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#000613): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

Use it as a design system

One click turns Sunlit 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 Workshop color palette (#EBF5EE, #B89E3C, #006B9E, #665300, #000711)
• Soft Grape color palette (#E3F6F6, #42BA7A, #7846B1, #00663A, #050512)
• Faded Corridor color palette (#F5F6E9, #93C480, #3682D5, #3B860B, #221123)
• Soft Archive color palette (#DEEBD3, #10B283, #00717A, #004561, #0C014E)
• Plum Delta color palette (#E4F5FC, #00BDCC, #A72F9A, #006870, #0C0518)
• Washed Harbor color palette (#F4F7EB, #82EB9E, #0098BF, #118D46, #000803)
• Chalky Emerald Veranda color palette (#F7E1F7, #00A372, #006290, #602027, #001C22)
• Aubergine Alley color palette (#D2E6E1, #498C00, #4F149E, #1E4000, #01000A)

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