Pine Villa color palette — #DCE8DD · #A2AD5A · #1A8840 · #60487D · #093025
Fern and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#DCE8DD): a clean, paper-quiet neutral.
- Sage (#A2AD5A): A luminous, balanced green — the color of new leaves after rain.
- Fern (#1A8840): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal Brown (#60487D): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Forest (#093025): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, 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
- Ancient Grove color palette (#EEF8F0, #AABD86, #1E9760, #70597D, #183D34)
- Cypress Lagoon color palette (#D6EAE2, #7AB490, #00837E, #734361, #003030)
- Moss Quarry color palette (#DAECE1, #75A15D, #007257, #5D3260, #0C2001)
- Weathered Olive color palette (#FEF4E4, #BBC08A, #528642, #6F3D5E, #1E1800)
- Chalky Orchard color palette (#EDE3D3, #959013, #475F00, #5B2E31, #332800)
- Muted Violet Lagoon color palette (#D3E6DA, #9E8500, #8854E7, #962D9A, #002714)
- Hushed Studio color palette (#DAE9DE, #C5BC7A, #93964C, #9C6646, #06311F)
- Dusty Studio color palette (#EDEBB4, #A9B333, #787D00, #414700, #141700)
Browse the whole catalog at Explore, or see today's palette.