Pine Villa color palette — #DBE3C7 · #007F2D · #004736 · #001413 · #000102
Olive and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#DBE3C7): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#007F2D): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004736): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001413): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, 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
- Pine Hollow color palette (#E4F4E3, #008F55, #006F56, #004B44, #00100F)
- Lowlit Olive color palette (#F0E7CF, #5D7E3C, #433D00, #1E0E00, #000201)
- Hushed Lagoon Summit color palette (#D2FBEA, #00877D, #004C5F, #001826, #00000B)
- Misty Coast color palette (#E3EDDF, #007C6E, #98005F, #00332D, #040001)
- Iris Market color palette (#E5F2DF, #81C5DC, #7F7AD1, #2E5200, #000202)
- Airy Mulberry color palette (#BFECF4, #00606D, #78006B, #5B0043, #000102)
- Muted Teal color palette (#DAF2E6, #00AFA7, #007485, #003D54, #000334)
- Scarlet Alley color palette (#F5E7DD, #E93000, #00847F, #070D10, #000201)
Browse the whole catalog at Explore, or see today's palette.