Nocturne Spruce color palette — #F9E4DA · #705C1D · #003F0C · #270335 · #060015

Forest takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Rose Water (#F9E4DA): A whisper-light, dusty orange — the color of toasted spice.
• Olive (#705C1D): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#003F0C): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Indigo (#270335): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#060015): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Depth, Luxury. Tagged vintage, retro, muted, dark.

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

• Moonless Chestnut Market color palette (#FFE3E7, #8D4C15, #3E3C00, #09163C, #000016)
• Dusty Olive Balcony color palette (#EFECD0, #6B761F, #1B4506, #00252F, #050D1D)
• Lowlit Thicket color palette (#ECE4D4, #44652E, #004441, #2E0016, #0C0100)
• Timeworn Station color palette (#F6E7DA, #7F7600, #295A42, #352656, #130828)
• Twilit Field color palette (#D6EAD6, #0A7217, #0C3500, #0F161B, #000C00)
• Lowlit Fern color palette (#F5ECD8, #524E00, #283400, #011501, #000201)
• Deep Aubergine Garden color palette (#DDF7ED, #374100, #3A007E, #450026, #010100)
• Washed Olive Corridor color palette (#E5E4D6, #598550, #005957, #511B2E, #2A0312)

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