Twilit Pine color palette — #DEE7FC · #007D32 · #1A005E · #200E1F · #020014
A conversation between Olive and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Frost (#DEE7FC): A whisper-light, dusty violet — the color of a velvet chair.
- Olive (#007D32): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#1A005E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#200E1F): A deep, shadowed, dusty pink — the color of peonies in June.
- Ink (#020014): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, 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
- Midnight Pine color palette (#E3DCF7, #007D34, #370035, #261118, #080007)
- Smoked Veranda color palette (#E3ECFC, #7B6600, #080066, #190E1B, #010016)
- Tempered Navy color palette (#EDDCE9, #009C5E, #222588, #060536, #050004)
- Patina Lantern color palette (#E9E1F4, #59A15E, #650050, #26001C, #030007)
- Lowlit Cabin color palette (#FBE4EC, #B28600, #3C0066, #100303, #020006)
- Obsidian Villa color palette (#DDEFFC, #004A65, #00421A, #002029, #000103)
- Mulberry Coast color palette (#F3EFFF, #5EBE88, #80007A, #390436, #0A0317)
- Worn Pewter Pier color palette (#F0F1F9, #99CED2, #6A5783, #2E2F44, #13131A)
Browse the whole catalog at Explore, or see today's palette.