Pine Villa color palette — #D3E4DD · #73945A · #007637 · #284A70 · #020800
Built around Pine, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Silver (#D3E4DD): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#73945A): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007637): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#284A70): A full-bodied, dusty blue — the color of deep harbor water.
- Ink (#020800): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, 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
- Washed Coast color palette (#E3EEE4, #948A47, #5B6A00, #4F3D6B, #070600)
- Gentle Dune color palette (#DDF5E2, #AEAB60, #6E8B32, #685A8C, #1D1C00)
- Hushed Atelier color palette (#E5F2E8, #54B0BF, #0080A3, #005E56, #000A15)
- Washed Forest color palette (#D8E9D8, #767A29, #005517, #48113D, #060600)
- Patina Plum color palette (#FBE6F3, #BE0795, #746700, #006379, #060003)
- Mulberry Atelier color palette (#E5DAFC, #CA65B9, #03884D, #720066, #000803)
- Twilit Lantern color palette (#F4F0DE, #3E6519, #003414, #00142D, #000200)
- Wandering Ridge color palette (#D6E9E5, #96C8A6, #2DA78A, #68729F, #00302F)
Browse the whole catalog at Explore, or see today's palette.