Dusty Villa color palette — #F2F8EA · #FF9E77 · #006141 · #001E12 · #010100

Built around Melon, softened by Pine — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F2F8EA): a clean, paper-quiet neutral.
• Melon (#FF9E77): A luminous, balanced orange — the color of sun-warmed clay.
• Pine (#006141): A full-bodied, balanced teal — the color of sea glass.
• Ink (#001E12): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Weathered Alley color palette (#E5FCEE, #FF98A9, #005A6F, #001C24, #000201)
• Mustard Atelier color palette (#FAF5E8, #E6B062, #5A5200, #1C1900, #020100)
• Cypress Archive color palette (#F0F8EB, #FFBEAD, #007460, #003026, #020500)
• Dusty Coral Station color palette (#E2F4E0, #F3776A, #004642, #1F292F, #000A09)
• Feathered Mustard Station color palette (#CCE4E1, #E1B03B, #3C8C4C, #2C5332, #000F0D)
• Dusty Moss Canyon color palette (#E5E7CD, #99911F, #104500, #021800, #020200)
• Hushed Corridor color palette (#EEF9EF, #FFDBDB, #00878D, #004144, #09120A)
• Tempered Grove color palette (#F3F6F0, #C5DCE3, #E0C0CC, #008A72, #1A2116)

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