Nocturne Spruce color palette — #E4E0CC · #535C62 · #2C3200 · #151E19 · #000602

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

The five colors

• Bone (#E4E0CC): A whisper-light, dusty green — the color of fresh herbs.
• Graphite (#535C62): a grounded near-black with real depth.
• Deep Forest (#2C3200): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#151E19): a grounded near-black with real depth.
• Ink (#000602): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Nocturne 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

• Hushed Abyss color palette (#E8F0E4, #556068, #00433C, #1B272D, #000A0F)
• Dusty Fern Villa color palette (#ECEFD0, #236600, #38474B, #002019, #090A00)
• Tempered Station color palette (#DFE8D9, #00856A, #223828, #1B2215, #080E08)
• Aubergine Bloom color palette (#DFE8C9, #006231, #6B0062, #002911, #10000E)
• Hushed Olive color palette (#F1EADC, #4D722F, #004C41, #37121D, #1D0621)
• Aubergine Corridor color palette (#E2F2E9, #004C2F, #5A0051, #45002F, #000201)
• Eclipse Hollow color palette (#F2E5C5, #505C62, #362E00, #161D17, #010600)
• Eclipse Spruce Parlor color palette (#DCECD4, #535A60, #193700, #131E1A, #000603)

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