Pine Villa color palette — #E0FCF6 · #98CA97 · #008D4E · #3D5B25 · #031F05

A conversation between Fern and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E0FCF6): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#98CA97): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#008D4E): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#3D5B25): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#031F05): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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

• Airy Hollow color palette (#E3FCF4, #93DA70, #009831, #006949, #0E2503)
• Lagoon Hollow color palette (#EAF9F7, #AADEBC, #1AA178, #4C6D4C, #062E2E)
• Ancient Teal color palette (#DBFDFC, #4BB993, #00705E, #0F472A, #000A06)
• Muted Emerald Bloom color palette (#E6E3CA, #679D66, #006544, #313F0E, #001802)
• Lagoon Canyon color palette (#D6EDEB, #448B65, #004734, #00211E, #000201)
• Dusty Teal color palette (#A9FFF2, #00C3BE, #008D8E, #004E55, #00282F)
• Weathered Ridge color palette (#CDE8DD, #80994E, #2E5B00, #003516, #010100)
• Timeworn Loft color palette (#ECF9F2, #E4EBB8, #92A866, #4F817A, #233F34)

Browse the whole catalog at Explore, or see today's palette.