Twilit Pine color palette — #DBE9D1 · #087419 · #003B1D · #00160D · #000503
Olive takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#DBE9D1): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#087419): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#003B1D): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#00160D): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000503): 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
- Pine Dune color palette (#F0E3CF, #888600, #00762A, #004541, #000406)
- Forest Meadow color palette (#F6F0D3, #155A02, #002C1B, #000F19, #000501)
- Olive Market color palette (#E0DFD7, #9B9C86, #6D7731, #223100, #0B0900)
- Patina Boulevard color palette (#E9E5C7, #658000, #005A34, #002921, #000404)
- Eclipse Spruce color palette (#E8EDD8, #555961, #003818, #121F1C, #000603)
- Lagoon Alley color palette (#C8EBE3, #00948E, #005658, #002D33, #061423)
- Teal Terrace color palette (#A9F8DA, #2EB69F, #00726D, #004C4F, #00373F)
- Feathered Cerulean Loft color palette (#D1F8FF, #009DBE, #00688E, #003C5D, #1F1B49)
Browse the whole catalog at Explore, or see today's palette.