Nocturne Cocoa color palette — #F3DCD2 · #5F4500 · #002C1A · #1C001F · #030400

Bronze takes the lead with Ink close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Shell Pink (#F3DCD2): A whisper-light, dusty orange — the color of toasted spice.
• Bronze (#5F4500): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#002C1A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#1C001F): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Creativity, Sophistication, Depth, Luxury. Tagged retro, 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

• Charred Fern Cabin color palette (#F0DED9, #355500, #00292E, #220005, #000502)
• Spruce Lantern color palette (#F8E5D0, #616124, #033506, #231200, #060600)
• Shadow Corridor color palette (#FFEAD4, #861E14, #272500, #0D0033, #080200)
• Softworn Onyx color palette (#F9E7CB, #646900, #004A24, #1E005E, #020400)
• Airy Bronze Hollow color palette (#F7EECE, #B95D00, #596B00, #004444, #000300)
• Softworn Olive color palette (#F5E1DC, #547200, #00464A, #4A0016, #001C0B)
• Aubergine Alley color palette (#FFE1D4, #8D7900, #006A56, #4E2169, #020400)
• Navy Ridge color palette (#EEE4DE, #5F8C76, #003B76, #00231D, #080029)

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