Pine Villa color palette — #E5F9FF · #D5D9ED · #C1A7F9 · #118D21 · #19515F
Kelly Green and Lavender set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E5F9FF): A whisper-light, dusty blue — the color of open sky before noon.
- Silver (#D5D9ED): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender (#C1A7F9): A luminous, balanced violet — the color of twilight just after sunset.
- Kelly Green (#118D21): A full-bodied, vivid green — the color of a quiet forest floor.
- Peacock (#19515F): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged pastel, light.
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 Chapel color palette (#E9F8FF, #C6DEFF, #C193D1, #00855C, #294256)
- Olive Basin color palette (#DBFDFE, #C9DCFB, #92AFF7, #7B7D00, #05544A)
- Dusty Mallow color palette (#ECF7FF, #DCDAE4, #F0B6DE, #328D8A, #3F5165)
- Powdered Powder Study color palette (#DAFCE0, #B6EBFF, #86B5FF, #007F70, #003540)
- Blush Coast color palette (#EFF6FF, #DCBAFF, #F6809C, #007485, #362666)
- Lilac Villa color palette (#C2E4F8, #A7B5E5, #B272B2, #00554C, #032749)
- Hushed Mint Coast color palette (#E6FDE1, #E1E7F6, #E6C4EA, #99BE79, #0A4957)
- Gentle Plum Loft color palette (#EBF7FF, #2BB1DD, #B80055, #005F7A, #340D19)
Browse the whole catalog at Explore, or see today's palette.