Pine Villa color palette — #E1F3F4 · #008A65 · #00383F · #001A1C · #020808
A conversation between Fern and Deep Teal, giving this palette its sense of sophistication.
The five colors
- Cream (#E1F3F4): bright and airy, almost weightless.
- Fern (#008A65): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#00383F): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001A1C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#020808): a grounded near-black with real depth.
Feels like: Sophistication. Tagged noir, dark, luxury, 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
- Eclipse Delta color palette (#D8F1FE, #007792, #002E43, #00121D, #000407)
- Cypress Quarry color palette (#DEF1EE, #006A64, #403A3F, #002426, #000A09)
- Indigo Lantern color palette (#E2F5FF, #009EB8, #7172D3, #2D7E41, #08212C)
- Jade Orchard color palette (#DFE8D5, #00A97B, #42533A, #233400, #171913)
- Worn Loft color palette (#E6FAFA, #1DB981, #1C4D5B, #062324, #020705)
- Pine Orchard color palette (#E6F6F1, #8BBFB6, #478552, #2D6054, #0F2D29)
- Muted Quarry color palette (#DDF8FC, #4EB8A8, #B08600, #007568, #0C2F18)
- Navy Hollow color palette (#E2EDFB, #004382, #020437, #090B13, #000105)
Browse the whole catalog at Explore, or see today's palette.