Twilit Pine color palette — #E6DFC7 · #297B36 · #004037 · #390031 · #000400
Olive and Deep Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Bone (#E6DFC7): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#297B36): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004037): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#390031): A deep, shadowed, balanced pink — the color of peonies in June.
- Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, 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
- Olive Delta color palette (#E7E4CE, #29800D, #004327, #3A1600, #101100)
- Wandering Basin color palette (#FCECDC, #76680C, #204000, #301700, #040300)
- Hazy Moss Basin color palette (#C8EADE, #5BA24B, #005D38, #481D00, #000200)
- Mulberry Study color palette (#E3E7CC, #494E00, #6F0054, #550016, #010100)
- Quiet Aubergine color palette (#EFEEDB, #4A6600, #71008E, #212F00, #07000B)
- Emerald Alley color palette (#D8F7E8, #3B9A49, #006154, #4F2847, #001502)
- Hushed Forest Garden color palette (#F3EADB, #829750, #00663B, #4A3500, #161200)
- Pine Bloom color palette (#FFEFDC, #A9AE5E, #008225, #644518, #212300)
Browse the whole catalog at Explore, or see today's palette.