Pine Villa color palette — #F4F0DF · #7F9C70 · #00743C · #444A00 · #0C2100
A conversation between Pine and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F0DF): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#7F9C70): A luminous, dusty green — the color of fresh herbs.
- Pine (#00743C): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#444A00): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#0C2100): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance, 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
- Softworn Fern color palette (#EADECC, #9C9552, #576A00, #5A4000, #1F1B00)
- Muted Drift color palette (#E5E6D3, #50946D, #006150, #1A4300, #001408)
- Clover Basin color palette (#E2FCF2, #79B554, #07733C, #3B400C, #000A08)
- Pine Archive color palette (#E7E5D4, #8EAF8A, #008758, #006360, #153013)
- Wandering Emerald Hollow color palette (#FBF5DF, #A7C78A, #50995F, #007A6C, #2C4215)
- Jade Courtyard color palette (#DEF4E6, #83B866, #0C9473, #6F6432, #0B2100)
- Aged Lagoon color palette (#D0E6DB, #00A68B, #007471, #00494C, #002932)
- Washed Hollow color palette (#F4EBDD, #7AC0BD, #008491, #005C43, #00242E)
Browse the whole catalog at Explore, or see today's palette.