Pine Villa color palette — #F7EFF6 · #7092D3 · #3C753A · #00554D · #0D1C16
Olive and Lavender Blue set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F7EFF6): a clean, paper-quiet neutral.
- Lavender Blue (#7092D3): A luminous, balanced violet — the color of wild irises.
- Olive (#3C753A): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#00554D): A full-bodied, dusty teal — the color of sea glass.
- Ink (#0D1C16): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication. Tagged jewel, vibrant, 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
- Washed Coast color palette (#EAF5EF, #3A95B8, #6D6A1C, #265C32, #111C11)
- Driftwood Veranda color palette (#FAEEF1, #9870B0, #007573, #125978, #241720)
- Indigo Terrace color palette (#FFEBF7, #6B59D4, #006B4B, #00454A, #00100C)
- Antique Olive color palette (#FAEFEA, #B87763, #666D00, #225534, #132115)
- Dusty Pine color palette (#F6F1E8, #A98A3B, #00815E, #005258, #211622)
- Patina Station color palette (#FDF1F7, #ABA4F1, #7A9B4C, #416D90, #2F222B)
- Antique Bronze color palette (#FBF0E4, #DC9595, #A5664E, #525621, #39271F)
- Bronze Studio color palette (#F7F1E3, #7F7200, #00594A, #003743, #120410)
Browse the whole catalog at Explore, or see today's palette.