Pine Villa color palette — #E6F6F3 · #99BF96 · #B88AB8 · #368534 · #332B4A

Olive Leaf and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E6F6F3): a clean, paper-quiet neutral.
• Sage (#99BF96): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#B88AB8): A luminous, balanced pink — the color of a candy shop window.
• Olive Leaf (#368534): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#332B4A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Patina Cypress color palette (#E5F5F9, #7AC3BA, #CD8780, #00837A, #42263E)
• Bronze Delta color palette (#E8F6EE, #BCB585, #7F9BD9, #817300, #223050)
• Dusty Azure color palette (#E5FAF8, #8EBE94, #649FD0, #4C8155, #3B4F62)
• Mallow Garden color palette (#F5F6EB, #A8D29A, #DC97C9, #6C9B5C, #624346)
• Driftwood Summit color palette (#E1F7F5, #75AB81, #AA79AE, #9B628D, #112D2B)
• Chestnut Dune color palette (#EBF5EA, #ABC2B2, #9B7D58, #764D3A, #1D312A)
• Dusty Petrol Corridor color palette (#E8F4F8, #DFB5CB, #386977, #033743, #08161A)
• Hushed Grove color palette (#D3FBF9, #A7DDDE, #539771, #005930, #002415)

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