Sunlit Villa color palette — #FFF3E4 · #A1AA64 · #007F36 · #6B3F64 · #393E13

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

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Sage (#A1AA64): A luminous, balanced green — the color of fresh herbs.
• Olive (#007F36): A full-bodied, balanced green — the color of a quiet forest floor.
• Mulberry (#6B3F64): A full-bodied, balanced pink — the color of a candy shop window.
• Deep Olive (#393E13): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Olive Grove color palette (#FFF2EA, #C39C50, #657100, #594576, #4A370F)
• Timeworn Garnet color palette (#FCF5E1, #82B17E, #007B68, #7D3644, #3A3B34)
• Washed Thicket color palette (#F8E9D5, #8D9C22, #006D31, #512C7C, #2C3200)
• Hushed Pine color palette (#DCFAED, #85B95C, #00813D, #334E6D, #002721)
• Timeworn Archive color palette (#F9F4EC, #C5C39E, #568F73, #795D65, #554F00)
• Lime Station color palette (#FBF6DE, #95CE69, #429B5D, #486B95, #2E411F)
• Worn Peony color palette (#FFF1F1, #F465C2, #19991E, #8A0066, #064809)
• Worn Pine color palette (#E8E0CA, #498C4D, #005145, #560D23, #1A1D00)

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