Twilit Spruce color palette — #E0F2DD · #3D444F · #00312E · #101419 · #000303
Deep Forest takes the lead with Honeydew close behind in a set that reads as sophistication and depth at first glance.
The five colors
- Honeydew (#E0F2DD): A whisper-light, dusty green — the color of a quiet forest floor.
- Charcoal (#3D444F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Forest (#00312E): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#101419): a grounded near-black with real depth.
- Black (#000303): a grounded near-black with real depth.
Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Twilit Spruce 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
- Nocturne Aubergine Drift color palette (#D5E6F0, #00415B, #400078, #002A1D, #000103)
- Tempered Cobalt Loft color palette (#DFF1EB, #007BBF, #3E283E, #081A15, #020805)
- Charred Cypress Veranda color palette (#D6E4D7, #007A7F, #003038, #001604, #010501)
- Petrol Chapel color palette (#CAE4E4, #036B7E, #00374F, #190931, #050009)
- Navy Thicket color palette (#F6E1F7, #00356D, #090F14, #010026, #000105)
- Twilit Ultramarine color palette (#F9DBF4, #1624FD, #180B55, #201207, #130012)
- Eclipse Spruce Canyon color palette (#E3F4D5, #374347, #003226, #0A1717, #000302)
- Spruce Archive color palette (#D6E7DA, #434753, #003036, #111419, #000304)
Browse the whole catalog at Explore, or see today's palette.