Pine Villa color palette — #FFDEA2 · #9C9E52 · #007D46 · #005149 · #003847
A conversation between Pine and Moss, giving this palette its sense of nature and growth.
The five colors
- Peach Cream (#FFDEA2): A whisper-light, balanced gold — the color of afternoon light on wheat.
- Moss (#9C9E52): A luminous, balanced green — the color of fresh herbs.
- Pine (#007D46): A full-bodied, balanced teal — the color of sea glass.
- Forest (#005149): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003847): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Optimism, Balance. Tagged cool.
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 Harbor color palette (#FFD8C4, #B9964F, #5B7000, #005028, #003531)
- Aged Navy Delta color palette (#E6E7B1, #79AF76, #00786B, #004D5D, #002C65)
- Emerald Coast color palette (#E0ECAE, #88C277, #009D62, #006655, #003636)
- Olive Meadow color palette (#F7E9CC, #6B8400, #005437, #002A2C, #001620)
- Jade Lantern color palette (#ECE2D3, #BACD65, #39B580, #008886, #003443)
- Faded Navy color palette (#EEF3DC, #00AA63, #006A6D, #00415A, #0F0089)
- Patina Veranda color palette (#FBE7FE, #928834, #006A5B, #73064F, #24370F)
- Weathered Olive color palette (#EFF7F4, #D0DBE1, #A3B7BE, #5A6D00, #2D3F39)
Browse the whole catalog at Explore, or see today's palette.