Twilit Pine color palette — #D9E4D2 · #0F7817 · #004528 · #00241B · #000706
A conversation between Olive and Forest, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D9E4D2): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#0F7817): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004528): A deep, shadowed, balanced teal — the color of glacier melt.
- Onyx (#00241B): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000706): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Tempered Cypress color palette (#E1EFE7, #00725F, #004643, #002225, #00080A)
- Fern Coast color palette (#F5F1CF, #5C6200, #344300, #092300, #000701)
- Muted Emerald Atelier color palette (#DFE7D7, #0E9B24, #006438, #003F30, #001D19)
- Mulberry Lagoon color palette (#D4ECED, #006C4D, #850055, #003322, #090004)
- Inked Thicket color palette (#CEECE1, #005744, #48009C, #4C2100, #000201)
- Dusty Field color palette (#C3EAED, #0EABA8, #0083A9, #004713, #000706)
- Worn Lagoon color palette (#D3F5F0, #00959B, #00687A, #003D4F, #001B2B)
- Feathered Corridor color palette (#FFE9E1, #B200B7, #006F74, #060D11, #000102)
Browse the whole catalog at Explore, or see today's palette.