Pine Villa color palette — #DFF0EF · #008B56 · #004D62 · #004427 · #000204
A conversation between Fern and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#DFF0EF): bright and airy, almost weightless.
- Fern (#008B56): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#004D62): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Forest (#004427): A deep, shadowed, balanced teal — the color of glacier melt.
- Black (#000204): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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
- Dusty Cypress Quarry color palette (#D6ECE5, #00817E, #004E57, #002636, #00030A)
- Pale Nightshade color palette (#D8EAF1, #008490, #251ABE, #004047, #010010)
- Muted Corridor color palette (#CBE7D0, #00736B, #004459, #3F0021, #000405)
- Olive Field color palette (#D6E6DF, #797A00, #00523C, #3B3B00, #000201)
- Hushed Abyss Dune color palette (#DAE8EA, #97A8AE, #6D8B9B, #005146, #000C0E)
- Midnight Alley color palette (#D0F0F1, #005C46, #450071, #3C000A, #020200)
- Lapis Ridge color palette (#D6E7EE, #00A6AF, #5938DB, #005E64, #010116)
- Antique Atelier color palette (#D4EDF7, #00B088, #00888A, #005C8A, #000608)
Browse the whole catalog at Explore, or see today's palette.