Twilit Spruce color palette — #D8F2E1 · #656257 · #382D00 · #151E18 · #030500

Built around Espresso, softened by Honeydew — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D8F2E1): A whisper-light, dusty teal — the color of glacier melt.
• Graphite (#656257): quiet, heavy and certain.
• Espresso (#382D00): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#151E18): quiet, heavy and certain.
• Ink (#030500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, 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

• Eclipse Onyx color palette (#F3E0E7, #444E41, #462400, #1A1D14, #070400)
• Dusty Olive color palette (#DCF6E9, #726B00, #1F3105, #1B1900, #000C09)
• Inked Forest color palette (#D4F6F9, #006A53, #002425, #00110B, #000203)
• Aubergine Canyon color palette (#D0EEE6, #3D5C00, #5E0080, #162600, #0D0015)
• Dusty Lagoon Hollow color palette (#E5F5F8, #2B8E81, #2A4049, #142D31, #10171B)
• Onyx Hollow color palette (#F9EAD0, #417160, #134C1C, #02195A, #1A0634)
• Washed Terrace color palette (#E0EFE3, #5A85A9, #09377F, #00212A, #05002C)
• Nocturne Navy Station color palette (#D9EED0, #214B00, #00316A, #4A0012, #010200)

Browse the whole catalog at Explore, or see today's palette.