Pine Villa color palette — #DEF2E9 · #408D54 · #3C3236 · #001E2E · #000103
A conversation between Fern and Midnight, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DEF2E9): A whisper-light, dusty teal — the color of sea glass.
- Fern (#408D54): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#3C3236): a grounded near-black with real depth.
- Midnight (#001E2E): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000103): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. 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
- Inked Summit color palette (#CEEBFE, #097318, #362A2D, #001722, #000305)
- Nocturne Olive color palette (#E1ECDD, #6C8529, #00211D, #020C08, #000201)
- Midnight Cocoa Balcony color palette (#E0EBDA, #005B4B, #5C2E00, #1F1800, #000201)
- Worn Parlor color palette (#DFFDF4, #97EFBA, #006FB6, #003054, #000A07)
- Pewter Bloom color palette (#FCF2F6, #F2D5C4, #7E69A7, #3D3055, #1B0911)
- Wandering Denim Coast color palette (#FCF2F9, #FFBAC5, #505DA0, #1B2056, #0A0107)
- Ember Courtyard color palette (#D3EBE4, #D2602A, #004C7D, #00162A, #000202)
- Tempered Denim color palette (#FFF0FE, #81CEAA, #214D98, #001440, #030003)
Browse the whole catalog at Explore, or see today's palette.