Pine Villa color palette — #FFF1F6 · #B7A8D6 · #BB7679 · #2C7B44 · #3E3D66

Built around Olive, softened by Dusty Rose — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mauve (#B7A8D6): A luminous, dusty violet — the color of twilight just after sunset.
• Dusty Rose (#BB7679): A luminous, balanced red — the color of embers at dusk.
• Olive (#2C7B44): A full-bodied, balanced teal — the color of sea glass.
• Navy (#3E3D66): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged muted.

Use it as a design system

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

• Washed Olive Studio color palette (#EDF8F4, #89B7DD, #B07992, #637121, #214663)
• Wandering Pine color palette (#FCF3EF, #DE9E9B, #6E9973, #407749, #3D3E63)
• Worn Mallow Lagoon color palette (#F4F4FF, #E6B6FF, #AA9964, #547554, #143E4D)
• Timeworn Courtyard color palette (#F7F3FC, #B985A6, #A25948, #645120, #3E3F5D)
• Patina Bronze color palette (#FFF1F1, #D18CAD, #918124, #006495, #53273D)
• Dusty Ash color palette (#FFEDEF, #B68BB2, #68524D, #443335, #281F22)
• Patina Orchard color palette (#FFF1F3, #ECAFE9, #DA9493, #9F815B, #543849)
• Timeworn Driftwood Bloom color palette (#FFF0FC, #E1C9D1, #C0A19B, #7D8D6F, #3D5447)

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