Nocturne Cocoa Summit color palette — #F9E7F2 · #802900 · #3C3400 · #002227 · #050004

Rust and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F9E7F2): A whisper-light, dusty pink — the color of a candy shop window.
• Rust (#802900): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#3C3400): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Midnight (#002227): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Deep Aubergine Market color palette (#E2DDF4, #84078C, #4E2D00, #00251C, #03000A)
• Pale Basin color palette (#D6F1DE, #A82966, #602D00, #002238, #0D0001)
• Cellar Garnet Study color palette (#EBDDE6, #7A2300, #2D1C11, #160B00, #050000)
• Tempered Plum color palette (#FFE6F3, #BA4657, #792700, #311B00, #060400)
• Nocturne Spruce Terrace color palette (#D0E9DB, #534400, #074406, #001C33, #070001)
• Frosted Plum Orchard color palette (#EEE0F9, #C0007F, #744500, #1F2987, #040006)
• Hushed Navy Grove color palette (#DEF4E8, #685E00, #004937, #1C0074, #070100)
• Garnet Cabin color palette (#E7DFE8, #AEA0A9, #9A7D87, #830033, #0F0510)

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