Pine Villa color palette — #DCE9CF · #008946 · #00584E · #00282F · #000306
Fern takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#DCE9CF): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#008946): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#00584E): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#00282F): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000306): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Muted Olive Garden color palette (#F7EFD0, #587D00, #00581C, #002A24, #000608)
- Dusty Lagoon color palette (#CEEADA, #008682, #005362, #00263E, #010018)
- Timeworn Pine color palette (#FFE9E2, #00782F, #00464D, #410016, #000503)
- Soft Studio color palette (#F0EFDA, #009E46, #006E62, #004754, #00020B)
- Quiet Moss Field color palette (#CAE6EA, #789D00, #009173, #005E8B, #000405)
- Aged Denim Parlor color palette (#D7EBD7, #318C88, #155E82, #4F2416, #20071A)
- Aged Forest color palette (#E4F1F0, #93A9AD, #678D9C, #005423, #000C0B)
- Feathered Study color palette (#E1EDE2, #00BA9F, #00838C, #004F6A, #002059)
Browse the whole catalog at Explore, or see today's palette.