Nocturne Cocoa color palette — #FFE1CE · #7E2B00 · #352800 · #031A00 · #15000A

Rust takes the lead with Ink close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FFE1CE): A whisper-light, dusty gold — the color of old brass.
• Rust (#7E2B00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#352800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#031A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#15000A): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged dark, muted, warm.

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

• Garnet Market color palette (#F4DCD1, #8D0504, #242E00, #001318, #020006)
• Smoked Cocoa color palette (#F8DECE, #364540, #612300, #15170D, #110500)
• Aged Bronze Garden color palette (#F2E1D6, #9B5800, #553300, #332000, #111300)
• Mulberry Studio color palette (#F7DAD8, #860054, #4A1800, #191300, #0F001A)
• Worn Chapel color palette (#F5E5E0, #F31650, #C83E00, #6D3800, #170400)
• Faded Brick color palette (#FAE8F6, #C00A08, #3B4D00, #002C36, #100019)
• Pine Summit color palette (#E4E9CF, #00804D, #004230, #331C00, #001408)
• Hushed Lagoon color palette (#EBE0CD, #806500, #0A560C, #003536, #361400)

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