Weathered Villa color palette — #E4F2F1 · #A7B8B9 · #709EA8 · #006424 · #001817

Pine and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E4F2F1): a clean, paper-quiet neutral.
• Ash (#A7B8B9): soft and architectural.
• Blue Fog (#709EA8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pine (#006424): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#001817): A deep, shadowed, dusty teal — the color of sea glass.

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

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

• Aged Fern Quarry color palette (#D8E4DD, #A4BAB2, #7D9D98, #5F5300, #00190D)
• Hushed Spruce color palette (#DFEFEC, #96AFB2, #5F8598, #0F4400, #001915)
• Forest Lagoon color palette (#EDF0E5, #C7D6B8, #98AD94, #0F5D26, #020300)
• Hushed Petrol color palette (#DEE6EB, #BAC6D1, #96A6BE, #006B88, #11212B)
• Lagoon Alley color palette (#DAF4ED, #599365, #006249, #284100, #001505)
• Washed Clover color palette (#C4E7E9, #66C13C, #009C7D, #006F80, #000F0D)
• Washed Pine Boulevard color palette (#ECF8F8, #CFE2E5, #A1C5D0, #008E5A, #1B3938)
• Hazy Station color palette (#CDECD3, #00884D, #005656, #4A004F, #000F09)

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