Nocturne Cocoa Field color palette — #F1D9CD · #5C4700 · #002C1D · #1B0020 · #030400

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

The five colors

• Bone (#F1D9CD): A whisper-light, dusty orange — the color of toasted spice.
• Deep Olive (#5C4700): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#002C1D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#1B0020): A deep, shadowed, dusty pink — the color of neon signs at night.
• 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 Field 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 Lagoon color palette (#F1DFE2, #175A00, #002932, #220009, #000503)
• Cocoa Quarry color palette (#F1E5D4, #812800, #232700, #080037, #070200)
• Deep Fern color palette (#E7DCCF, #626100, #033505, #231200, #060600)
• Shadow Onyx Lantern color palette (#E8E8C9, #2A4600, #230056, #0B0026, #060002)
• Onyx Ridge color palette (#EAE1D3, #636A00, #004A26, #1F005D, #020400)
• Washed Corridor color palette (#FBDDC5, #58703B, #004E46, #3D0419, #22000A)
• Washed Basin color palette (#EEEBD1, #B06100, #5B6F00, #004A55, #000401)
• Hazy Pine color palette (#FFD9E2, #1A7B0E, #004453, #480026, #001C13)

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