Twilit Pine Villa color palette — #E8F2E0 · #007D47 · #004838 · #001413 · #000102
Pine and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E8F2E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#007D47): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004838): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001413): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Twilit 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
- Gentle Pine Lantern color palette (#DCE5CC, #008F33, #006B54, #004849, #000F14)
- Antique Olive color palette (#E6E5C7, #637600, #1C5000, #002111, #000201)
- Hushed Lagoon color palette (#C5F0EE, #009892, #004742, #000E0E, #000201)
- Weathered Mulberry color palette (#CEF0F4, #007D68, #9D0048, #003429, #040001)
- Teal Corridor color palette (#CEEBE3, #00AEAD, #006E7F, #003F58, #000A1C)
- Faded Mulberry Station color palette (#D8F3EC, #006355, #80004E, #630015, #000201)
- Weathered Basin color palette (#A9F1E4, #49C8DC, #5793E2, #12580E, #000202)
- Magenta Grove color palette (#FFEBD8, #D400CC, #008386, #060C0F, #000102)
Browse the whole catalog at Explore, or see today's palette.