Weathered Villa color palette — #F7ECE6 · #96BCA2 · #0E6FA3 · #005239 · #1D2A56

Built around Peacock, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Cream (#F7ECE6): a clean, paper-quiet neutral.
• Sage (#96BCA2): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#0E6FA3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005239): A deep, shadowed, balanced teal — the color of glacier melt.
• Navy (#1D2A56): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Hushed Cobalt color palette (#FCF3ED, #AACFBB, #4D7BAE, #006151, #34355F)
• Worn Petrol Bloom color palette (#F8ECE1, #85B8DC, #4862B2, #00504E, #332155)
• Softworn Petrol color palette (#E2ECE4, #81BFCD, #00759A, #004C48, #00172A)
• Tempered Veranda color palette (#D7F6E2, #00AA9E, #007082, #004465, #2C1F5C)
• Patina Quarry color palette (#F5E3DE, #449FA3, #00516B, #003214, #001330)
• Muted Cypress color palette (#CBFAE0, #ADCCFF, #B690C3, #007357, #0C3B54)
• Muted Azure Meadow color palette (#C6ECFF, #3F9DD7, #005A7F, #002B3B, #001822)
• Pale Rust color palette (#C4E8D3, #008DAB, #B13F1F, #005264, #4C1102)

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