Pine Villa color palette — #F8F6E5 · #81A680 · #00754F · #544C00 · #35362F
A conversation between Pine and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F8F6E5): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#81A680): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#00754F): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#544C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#35362F): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Weathered Jade Cabin color palette (#F7F2E3, #79B076, #007663, #49463F, #1C1E07)
- Timeworn Olive color palette (#FBF4EA, #A09E69, #546E00, #2D553D, #38352F)
- Dusty Boulevard color palette (#F4F7EB, #86BDA6, #00867A, #586016, #344B05)
- Fern Market color palette (#F8F5EA, #C5C39C, #678C6A, #5D6B57, #544F00)
- Ancient Studio color palette (#DCF0EA, #00A99E, #007579, #005761, #003C4D)
- Lagoon Terrace color palette (#EFF0E0, #428B5F, #005141, #183700, #00220F)
- Washed Studio color palette (#E9F9F5, #A0D6CF, #74B088, #608E85, #0A3E3A)
- Cerulean Field color palette (#F9F4ED, #AECFB2, #00869E, #006151, #0D4055)
Browse the whole catalog at Explore, or see today's palette.