Worn Villa color palette — #E9F0EF · #C0D0CE · #82A9A8 · #356300 · #21322E

Built around Olive, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Cream (#E9F0EF): bright and airy, almost weightless.
• Oat (#C0D0CE): soft and architectural.
• Blue Fog (#82A9A8): A luminous, dusty teal — the color of sea glass.
• Olive (#356300): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#21322E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Cypress Villa color palette (#EBF8FB, #BFD7E0, #88ADBD, #006963, #1C383D)
• Ancient Alley color palette (#D8E9E3, #7B9567, #1D6618, #374400, #003129)
• Patina Hollow color palette (#E6EFEF, #A9BDBE, #6C979C, #00532D, #0D2323)
• Softworn Olive color palette (#F0EFE6, #D5DACA, #A9BFA2, #627C2E, #302E20)
• Spruce Pier color palette (#DBE3E7, #8C9DA6, #5A7487, #003138, #000B12)
• Antique Lagoon Basin color palette (#EFF7F7, #D3DCE2, #B4C2CE, #3B8469, #3F4A4B)
• Emerald Workshop color palette (#DCFCFA, #80C167, #00AB5C, #007466, #00311F)
• Hushed Aubergine color palette (#D9F4FD, #6CA3B2, #3F6984, #563C7B, #4B2F51)

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