Pine Villa color palette — #C8F1E2 · #007C4B · #003F3E · #001E3F · #000401
A conversation between Pine and Midnight, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#C8F1E2): A whisper-light, dusty teal — the color of shallow lagoons.
- Pine (#007C4B): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#003F3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001E3F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged botanical, earthy, muted, 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
- Antique Cypress color palette (#D5F6F7, #007E68, #00413B, #00282B, #00140F)
- Timeworn Olive Courtyard color palette (#DEF0E3, #477700, #00412E, #380728, #010400)
- Ancient Grove color palette (#DFE5C8, #0DA680, #005A54, #00313D, #000201)
- Softworn Emerald color palette (#DFF3E7, #6E9C62, #006451, #42304F, #001613)
- Jade Lagoon color palette (#E1F9E7, #93B560, #007F54, #683A59, #002720)
- Dusty Bronze color palette (#FDE1EB, #877A00, #235000, #2A2347, #0A0800)
- Moonless Aubergine color palette (#ECE8FF, #5700B3, #0C4C06, #003227, #020008)
- Powdered Boulevard color palette (#DEE0FD, #7B00C7, #474F00, #3B0063, #030300)
Browse the whole catalog at Explore, or see today's palette.