Sunlit Villa color palette — #F8F2D9 · #858A00 · #005DA3 · #5D2600 · #191A00

A conversation between Peacock and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8F2D9): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#858A00): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#005DA3): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#5D2600): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#191A00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Ultramarine Terrace color palette (#F4F3DF, #669913, #3841C1, #4E3200, #0F1D00)
• Garnet Boulevard color palette (#FEF0D7, #9C8000, #006871, #6C0033, #1F1700)
• Lagoon Grove color palette (#EEF4E8, #40A185, #5B5D99, #573B00, #00251B)
• Hushed Pine Delta color palette (#EBF4DC, #007F52, #004B73, #411B00, #000F06)
• Olive Canyon color palette (#FDEFE5, #BBA56D, #5D7600, #005951, #2A1F00)
• Ancient Lapis color palette (#ECFAE9, #009188, #4A33D5, #7A002C, #363100)
• Pale Aubergine Bloom color palette (#D0E8D4, #00818C, #6C00A2, #263100, #001214)
• Cocoa Studio color palette (#CCF2C5, #98BE91, #41857E, #833E00, #2C3400)

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