Pine Villa color palette — #F2E9C8 · #8E9600 · #147511 · #004131 · #001C1C
Olive and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F2E9C8): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#8E9600): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#147511): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004131): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001C1C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, 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
- Bronze Corridor color palette (#FFE9DA, #A18100, #6B6700, #233E00, #002012)
- Washed Moss Basin color palette (#E5ECC9, #79AA00, #1F7D08, #005230, #003927)
- Hazy Emerald color palette (#E6EFD0, #03A02A, #006C5C, #003F41, #001C26)
- Misty Lime Villa color palette (#E3F48A, #97D400, #19981E, #00613A, #003022)
- Wandering Jade color palette (#A0FBD6, #00B978, #007357, #003621, #000C05)
- Chalky Emerald color palette (#D8FCE9, #A2C58B, #34955D, #146C58, #183741)
- Hushed Plum Alley color palette (#C9F3E8, #71A823, #B00074, #365700, #2E001B)
- Feathered Market color palette (#EBD7E5, #FF8356, #009448, #001807, #000606)
Browse the whole catalog at Explore, or see today's palette.