Pine Villa color palette — #E1F4EC · #4498CA · #788A36 · #007440 · #002A40
Pine and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#E1F4EC): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#4498CA): A luminous, balanced blue — the color of deep harbor water.
- Olive Leaf (#788A36): A luminous, balanced green — the color of fresh herbs.
- Pine (#007440): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002A40): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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
- Fern Lagoon color palette (#DFF5E6, #00A1B9, #967F16, #4A6D00, #062F1A)
- Dusty Olive color palette (#FEF0FD, #5D86CD, #3A8126, #005E56, #002634)
- Patina Emerald Quarry color palette (#FEF0FD, #7A9EE0, #5DA267, #008173, #3F2B3D)
- Dusty Wisteria color palette (#EBEDFF, #BF91FF, #6FB370, #5F915F, #232437)
- Worn Amber color palette (#FEEBD9, #C67B28, #489451, #00715F, #372107)
- Dusty Quarry color palette (#FFD8EC, #8A62FF, #008C72, #006470, #211445)
- Wisteria Thicket color palette (#FFF1F4, #C46BDA, #0098A3, #006F9B, #3A1E42)
- Violet Station color palette (#FFE7F3, #7F6CDF, #1D6100, #005143, #341F2B)
Browse the whole catalog at Explore, or see today's palette.