Pine Villa color palette — #F4F6EC · #9CE5A0 · #348FDA · #2E8C3B · #000705
Olive Leaf takes the lead with Azure close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F4F6EC): a clean, paper-quiet neutral.
- Mint (#9CE5A0): A whisper-light, balanced green — the color of fresh herbs.
- Azure (#348FDA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive Leaf (#2E8C3B): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#000705): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Softworn Meadow color palette (#F9F5E7, #CCDA7A, #009AB7, #747E00, #000803)
- Cornflower Corridor color palette (#F0F8EC, #89E4D1, #6684DC, #008A78, #0D020B)
- Wandering Lagoon Cabin color palette (#F3F7EF, #A6FAD7, #9993DE, #2DA07A, #1D0C16)
- Jade Drift color palette (#EDF8F8, #8EDDC1, #00B7CC, #00AF88, #001C26)
- Muted Hollow color palette (#D5E4DA, #0089A0, #4A0491, #00313B, #040002)
- Airy Grove color palette (#E9FCE5, #00E0D3, #A837F2, #007B74, #030008)
- Faded Wisteria Basin color palette (#E8FAF1, #9FE4FF, #BE6CCB, #008BAF, #190207)
- Nightshade Loft color palette (#E3EEDE, #00A590, #4C27B4, #00473D, #010009)
Browse the whole catalog at Explore, or see today's palette.