Dusty Villa color palette — #F4F6EF · #C8E4E5 · #76A496 · #3D788A · #5C4C5E

Slate and Eucalyptus set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C8E4E5): A whisper-light, dusty teal — the color of sea glass.
• Eucalyptus (#76A496): A luminous, dusty teal — the color of sea glass.
• Slate (#3D788A): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#5C4C5E): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Dusty Pier color palette (#F5F6EE, #CBE2DD, #7EA48A, #5D7759, #395144)
• Timeworn Meadow color palette (#F4F6EE, #BFE7D9, #6B8EB2, #1C6B88, #583D58)
• Washed Lagoon Dune color palette (#FAF3F6, #D9DEED, #94B4DE, #479497, #46526F)
• Petrol Station color palette (#EEF0E4, #77BEC9, #00748A, #00504F, #003343)
• Lagoon Lantern color palette (#EBEBDC, #3BA19D, #005458, #003128, #00181B)
• Worn Station color palette (#F5F6EB, #91DEDF, #00909C, #00675D, #004854)
• Timeworn Taupe Terrace color palette (#FFF2EF, #C1848F, #A48358, #7D6D97, #553B35)
• Navy Terrace color palette (#E2E6D9, #5D84A9, #003B77, #00202F, #00032A)

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