Nocturne Cocoa color palette — #F7E7DA · #5D2D00 · #2A3125 · #0C0A04 · #010100
A conversation between Cocoa and Parchment, giving this palette its sense of optimism and sophistication.
The five colors
- Parchment (#F7E7DA): A whisper-light, dusty gold — the color of old brass.
- Cocoa (#5D2D00): A deep, shadowed, balanced gold — the color of old brass.
- Deep Forest (#2A3125): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#0C0A04): a grounded near-black with real depth.
- Black (#010100): a grounded near-black with real depth.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Midnight Onyx Study color palette (#F7E7D8, #3A433C, #402000, #12150D, #040200)
- Nocturne Bronze Lantern color palette (#F0D9CF, #A85D00, #483800, #1B1A00, #000200)
- Smoked Cabin color palette (#EFE5CC, #6D6000, #293433, #001804, #020100)
- Timeworn Moss Workshop color palette (#FAF5E4, #A2A600, #3C4E04, #221E12, #080502)
- Washed Mint color palette (#F4F7E7, #71C574, #4A5A49, #2B2C23, #110F09)
- Soft Thicket color palette (#EFDFBE, #7C6A00, #2B35D2, #332B00, #00000B)
- Timeworn Moss Field color palette (#F1F2C4, #519200, #52555D, #00332C, #080800)
- Wandering Meadow color palette (#F9E4CE, #837E00, #0D4904, #1F1238, #010100)
Browse the whole catalog at Explore, or see today's palette.