Twilit Pine color palette — #DFE8DA · #207803 · #004623 · #001A0E · #000302
Olive takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#DFE8DA): A whisper-light, dusty green — the color of new leaves after rain.
- Olive (#207803): A full-bodied, vivid green — the color of fresh herbs.
- Forest (#004623): A deep, shadowed, balanced teal — the color of glacier melt.
- Ink (#001A0E): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000302): 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 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
- Cypress Loft color palette (#C6EBD8, #00725E, #00453E, #001B1C, #000303)
- Quiet Emerald color palette (#E0F1D5, #18961D, #006431, #003623, #000D09)
- Chestnut Boulevard color palette (#F0E5D0, #786300, #403D00, #151800, #010200)
- Spruce Archive color palette (#F1F0E3, #A1A28A, #648666, #2D3D00, #050400)
- Tempered Lagoon Lantern color palette (#DAEEEB, #00A3A5, #006771, #00323D, #001019)
- Patina Onyx color palette (#D5F6EA, #00766D, #004C53, #101D5A, #0A0225)
- Teal Grove color palette (#C9EAE0, #00BDAD, #008080, #00474D, #001E25)
- Muted Lagoon Lantern color palette (#ECF8CF, #99D2B7, #3C9D85, #00685F, #003536)
Browse the whole catalog at Explore, or see today's palette.