Twilit Pine color palette — #DDE7DB · #007933 · #004622 · #002012 · #000704
Olive and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#DDE7DB): a clean, paper-quiet neutral.
- Olive (#007933): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004622): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#002012): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000704): A deep, shadowed, dusty teal — the color of sea glass.
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
- Smoked Cypress color palette (#DFF3EE, #007D68, #003F35, #001611, #000201)
- Charred Fern color palette (#EDEFD8, #596200, #2D3C00, #112100, #020800)
- Wandering Emerald color palette (#E4E4C4, #3F9100, #00683A, #003C31, #001416)
- Weathered Forest color palette (#C5EFEE, #006D45, #6C3C00, #00331E, #060200)
- Moonless Abyss Workshop color palette (#CCEDE3, #005647, #004266, #313100, #000201)
- Wandering Teal color palette (#DAF1F5, #00B4B3, #008D9F, #004430, #00090D)
- Hushed Boulevard color palette (#BCE6F4, #007796, #004B66, #00273E, #000A18)
- Hushed Basin color palette (#C4E8ED, #00AEC7, #00718D, #004D65, #002435)
Browse the whole catalog at Explore, or see today's palette.