Pine Villa color palette — #EBF9F2 · #8C8D51 · #07764A · #00525B · #183861
Pine takes the lead with Navy close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EBF9F2): a clean, paper-quiet neutral.
- Moss (#8C8D51): A luminous, balanced green — the color of new leaves after rain.
- Pine (#07764A): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#00525B): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#183861): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, 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
- Denim Study color palette (#EAF9F6, #83A279, #1D8177, #005B7D, #3B3E64)
- Aged Thicket color palette (#FFF1F5, #AF7D40, #5F6B19, #00563D, #00404B)
- Worn Cypress color palette (#E4FCF0, #9DBBB2, #60908A, #346F75, #31576D)
- Worn Pewter color palette (#ECF9EF, #97B9A5, #75774A, #75503A, #30493B)
- Hushed Navy color palette (#E1F6FA, #008A79, #005D78, #262B85, #41144A)
- Emerald Grove color palette (#FFF2EE, #DF888C, #00995D, #654D97, #3D2F57)
- Softworn Pine Coast color palette (#F9EEFA, #C2737C, #19783B, #3F327B, #1C1939)
- Dusty Bronze Courtyard color palette (#C8EAC9, #BD9F5E, #907400, #655700, #2E4A20)
Browse the whole catalog at Explore, or see today's palette.