Twilit Spruce color palette — #DFF4E3 · #444850 · #003817 · #161B21 · #000605

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

The five colors

• Honeydew (#DFF4E3): A whisper-light, dusty teal — the color of glacier melt.
• Charcoal (#444850): quiet, heavy and certain.
• Deep Forest (#003817): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#161B21): quiet, heavy and certain.
• Ink (#000605): quiet, heavy and certain.

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

• Midnight Forest color palette (#DAE7D7, #00744C, #00413B, #001B1B, #00070B)
• Abyss Delta color palette (#C9EFFA, #5E565B, #00414E, #251E25, #000819)
• Cobalt Thicket color palette (#E8F4FE, #0085C2, #353C4B, #202A32, #11151B)
• Garnet Parlor color palette (#D7E8EB, #005E56, #780029, #002723, #130003)
• Eclipse Garnet color palette (#E0F4F2, #004A45, #63002F, #4A0102, #000202)
• Shadow Denim color palette (#C7E6F4, #006382, #0A1B45, #000F1A, #000206)
• Chalky Navy Basin color palette (#EDDAE0, #4F86B0, #052B99, #002226, #090126)
• Spruce Loft color palette (#D7F6EF, #404750, #1C3600, #151B21, #000603)

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