Pine Villa color palette — #D5E8E6 · #00904C · #00496B · #004220 · #000103
Fern and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#D5E8E6): A whisper-light, dusty teal — the color of glacier melt.
- Fern (#00904C): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#00496B): A deep, shadowed, balanced blue — the color of deep harbor water.
- Forest (#004220): A deep, shadowed, balanced teal — the color of sea glass.
- Black (#000103): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, 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
- Dusty Balcony color palette (#CFE7E8, #008D6D, #4600B1, #004130, #00000B)
- Bronze Atelier color palette (#D9EBE0, #897900, #004B5F, #3E3600, #000103)
- Cypress Summit color palette (#D3EDDE, #008279, #004F5D, #002139, #010025)
- Softworn Pier color palette (#FBE4F2, #007566, #00405F, #390E00, #000708)
- Hazy Emerald color palette (#E8EFD9, #00AE65, #006897, #006337, #000503)
- Lapis Pier color palette (#D8F3F9, #00ABA0, #3D1AF6, #005952, #020019)
- Ancient Abyss color palette (#DFE9EB, #A4B7BF, #7391AA, #004F45, #010D10)
- Ancient Grove color palette (#D8E7F1, #009BC7, #8D0089, #004E66, #03000D)
Browse the whole catalog at Explore, or see today's palette.