Pine Villa color palette — #EDDCEF · #008B56 · #002B56 · #000613 · #070000

Fern takes the lead with Midnight close behind in a set that reads as nature and growth at first glance.

The five colors

• Thistle (#EDDCEF): A whisper-light, dusty pink — the color of a candy shop window.
• Fern (#008B56): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002B56): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#000613): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#070000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged luxury, dark, 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

• Tempered Olive Field color palette (#DCEBE0, #478800, #00323A, #2B2127, #00070A)
• Cellar Harbor color palette (#EEE2ED, #A46D0E, #001647, #150504, #000106)
• Hushed Navy color palette (#E1EEFF, #AA7F00, #004595, #001334, #000207)
• Wandering Aubergine Summit color palette (#F0DFE6, #B79CA5, #997E84, #4B347A, #12040B)
• Antique Coral color palette (#ECD8E2, #F87679, #554693, #292246, #14060E)
• Lowlit Bloom color palette (#F8D7DE, #C34422, #460056, #0E0013, #040100)
• Sapphire Boulevard color palette (#FFF0FB, #FF97AC, #4860BD, #28366B, #271223)
• Tempered Ultramarine Pier color palette (#F9E9F5, #2700EF, #7E004E, #00312B, #000010)

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