Nocturne Spruce color palette — #F1E1E8 · #683400 · #0E4200 · #00221A · #040002

Forest and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F1E1E8): a clean, paper-quiet neutral.
• Bronze (#683400): A deep, shadowed, balanced gold — the color of old brass.
• Forest (#0E4200): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#00221A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Cocoa Thicket color palette (#F2DAE7, #783000, #322900, #001604, #040001)
• Cellar Basalt Market color palette (#D5E7DC, #4F4300, #004038, #002126, #020100)
• Velvet Pier color palette (#EADCF1, #7D0047, #493100, #1E1E00, #030005)
• Byzantium Archive color palette (#E7E3FF, #950AA9, #395800, #002E34, #030004)
• Frosted Forest Workshop color palette (#FFE6EF, #915400, #00681A, #004037, #150009)
• Twilit Brick color palette (#F5D9D9, #AD2315, #692200, #2B0F00, #040100)
• Pale Thicket color palette (#F3D4E9, #BB3400, #566300, #00491D, #1B0300)
• Frosted Plum Quarry color palette (#FFE0DE, #AC006E, #724800, #1B277F, #0F0006)

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