Nocturne Cocoa color palette — #D7E3D7 · #654200 · #00331E · #001527 · #130013

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

The five colors

• Bone (#D7E3D7): A whisper-light, dusty green — the color of new leaves after rain.
• Bronze (#654200): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#00331E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001527): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#130013): 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 Cocoa 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

• Shadow Thicket color palette (#D7F7E7, #504C00, #003133, #19003D, #170001)
• Garnet Garden color palette (#F0D9EC, #8E030D, #232F00, #00171E, #100018)
• Onyx Meadow color palette (#FFE6EF, #6B3C00, #002C4C, #030041, #010008)
• Fern Coast color palette (#E9DFC1, #6F6500, #404600, #1B2A00, #011A01)
• Washed Lantern color palette (#D9EFE6, #50792F, #00441D, #3E1200, #071300)
• Linen Fern Pier color palette (#F8E1C3, #797A40, #175C01, #052652, #1A1034)
• Faded Aubergine color palette (#F1DACA, #A34600, #004D62, #27006D, #080023)
• Worn Study color palette (#F1E7D7, #A07A00, #2D7700, #004E4B, #130300)

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