Sunlit Villa color palette — #F7F6E7 · #8DAB6C · #C07162 · #4B7400 · #643229
Olive and Caramel set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F7F6E7): bright and airy, almost weightless.
- Moss (#8DAB6C): A luminous, balanced green — the color of new leaves after rain.
- Caramel (#C07162): A luminous, balanced orange — the color of sun-warmed clay.
- Olive (#4B7400): A full-bodied, balanced green — the color of fresh herbs.
- Cocoa (#643229): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Amber Loft color palette (#F2F8E9, #6AB18C, #BB7836, #00794E, #60370C)
- Ancient Cocoa Study color palette (#FFF3E8, #BEA183, #956741, #784120, #553600)
- Airy Olive color palette (#FCF5E1, #A7A269, #009CA4, #706800, #004C50)
- Moss Boulevard color palette (#E9FAF4, #AAC27B, #CE87CE, #6F8D17, #543654)
- Bronze Harbor color palette (#F8F7DB, #719551, #008D90, #955800, #383831)
- Antique Wisteria Alley color palette (#F3F3E5, #90B068, #B36BCC, #4F7112, #331D3B)
- Antique Drift color palette (#F1F8EB, #81BFA6, #7F99CA, #008764, #5F415C)
- Fern Orchard color palette (#F5F7E4, #CAEAD1, #95D5C4, #6B8A4D, #455103)
Browse the whole catalog at Explore, or see today's palette.