Pine Villa color palette — #F5F6EF · #D2E2D8 · #AECBBF · #438944 · #1E2011
Built around Fern, softened by Stone — the whole palette hums with nature and growth.
The five colors
- Ivory (#F5F6EF): a clean, paper-quiet neutral.
- Silver (#D2E2D8): A whisper-light, dusty teal — the color of glacier melt.
- Stone (#AECBBF): A luminous, dusty teal — the color of sea glass.
- Fern (#438944): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#1E2011): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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 Archive color palette (#F8F6E1, #94CB97, #008C63, #465827, #171B00)
- Worn Moss Delta color palette (#EFEFE4, #C7D8CF, #9CC3BE, #73A15A, #2F2F20)
- Timeworn Cypress Lagoon color palette (#F3F7EE, #C9E0D7, #A9C2AE, #007152, #090F03)
- Hushed Lagoon color palette (#EFF8F0, #C0DDE8, #BFB0BC, #009095, #152A18)
- Hushed Lagoon color palette (#DCECCF, #008B6F, #3B2F31, #002B2C, #020500)
- Weathered Delta color palette (#E7F1F0, #C0D0D0, #88A7A9, #216430, #203230)
- Tempered Cerulean Workshop color palette (#ECFCD5, #A7C4A0, #0091B1, #76426A, #42231A)
- Clover Garden color palette (#FFF4E2, #3EBE6A, #007B77, #5D1F69, #0C1600)
Browse the whole catalog at Explore, or see today's palette.