Weathered Villa color palette — #F9F4ED · #ACEAE8 · #5196A1 · #356F5B · #305040

Built around Storm Blue, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Sea Foam (#ACEAE8): A whisper-light, dusty teal — the color of sea glass.
• Storm Blue (#5196A1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pine (#356F5B): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#305040): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Tempered Cerulean color palette (#FAF4EB, #BFE7D1, #4D92BC, #276E70, #543F56)
• Patina Thicket color palette (#F9F4ED, #92D1DD, #1184A8, #006059, #1B4338)
• Lagoon Bloom color palette (#FAF3F7, #C5EDF8, #72B0C0, #448B65, #2B4B64)
• Antique Cerulean color palette (#EDE3D4, #31A0AB, #005265, #003129, #001623)
• Coral Pier color palette (#FFF2EE, #EC757C, #079E9A, #9A484D, #314A2F)
• Cobalt Lagoon color palette (#FBF4E9, #A7D3FF, #557CD0, #00637D, #383B64)
• Airy Ember color palette (#FFF2ED, #D55D57, #3F8F45, #526897, #3E3633)
• Chestnut Thicket color palette (#FDF4E5, #B2A968, #866F3D, #734601, #3F3D36)

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