Nocturne Cocoa color palette — #EDDAE5 · #822A00 · #00402B · #1D0043 · #040002
Rust takes the lead with Deep Indigo close behind in a set that reads as optimism and creativity at first glance.
The five colors
- Shell Pink (#EDDAE5): A whisper-light, dusty pink — the color of a candy shop window.
- Rust (#822A00): A full-bodied, balanced orange — the color of sun-warmed clay.
- Forest (#00402B): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#1D0043): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Optimism, Creativity, Depth, Luxury. Tagged jewel, vibrant, 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
- Brick Market color palette (#FEE5FB, #A7001F, #004039, #29003E, #07000F)
- Midnight Cocoa Summit color palette (#F2E1EA, #6C2900, #002B27, #270020, #030000)
- Tempered Brick Meadow color palette (#D9E7D8, #AE3500, #3B3F00, #19005F, #0B0400)
- Weathered Navy color palette (#FFF2E9, #A93D00, #004E48, #06007F, #040002)
- Hushed Aubergine color palette (#FFE8EF, #855300, #00514C, #53004A, #0E0500)
- Shadow Aubergine Market color palette (#ECE8FF, #73007E, #243500, #17004E, #030004)
- Twilit Canyon color palette (#D0EAD5, #573F00, #232319, #071200, #000200)
- Tempered Cocoa Summit color palette (#F1E8ED, #A8B8AC, #84946C, #6D2F00, #15050E)
Browse the whole catalog at Explore, or see today's palette.