Twilit Pine color palette — #DFE2CE · #257A47 · #00412B · #00232C · #000401
Pine and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Bone (#DFE2CE): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#257A47): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#00412B): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#00232C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.
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
- Misty Onyx Hollow color palette (#D1EEDD, #577733, #004325, #310053, #091300)
- Olive Terrace color palette (#E1E0D1, #548846, #005220, #451C00, #010B00)
- Tempered Lagoon color palette (#D2EDE9, #47966A, #006247, #003F50, #001408)
- Deep Fern Basin color palette (#E7E1D5, #5E5B00, #272D00, #2E0009, #010100)
- Moss Boulevard color palette (#EAE1C6, #729C59, #005D3C, #371D4A, #000200)
- Hushed Cerulean Courtyard color palette (#EBEEDF, #3797B2, #00516B, #002B30, #00050B)
- Tempered Fern Garden color palette (#EEE8D3, #88945B, #42600E, #542C25, #101400)
- Hushed Olive Archive color palette (#F9F1DF, #ADAC60, #667300, #6F3A3B, #232200)
Browse the whole catalog at Explore, or see today's palette.