Nocturne Cocoa color palette — #F2D9E0 · #6B4200 · #004732 · #2D1900 · #000201

Built around Bronze, softened by Forest — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#F2D9E0): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#6B4200): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#004732): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#2D1900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000201): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged 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 Garden color palette (#F1E5D1, #4F3600, #003D0F, #480013, #020100)
• Velvet Lantern color palette (#CFEBE2, #405500, #004353, #182200, #000102)
• Eclipse Basin color palette (#F8E3F4, #920111, #354200, #410003, #010100)
• Nocturne Cocoa color palette (#F7DAC0, #794000, #004070, #341800, #000612)
• Hushed Bronze color palette (#FBDBE6, #995900, #005B84, #412300, #000103)
• Frosted Thicket color palette (#DEEEE5, #786D00, #A3004A, #3D3700, #170005)
• Ancient Olive Drift color palette (#E2F6E3, #A68942, #716B00, #4A2700, #050300)
• Sunlit Grape Cabin color palette (#FFEBD9, #995500, #881896, #542C00, #0F0012)

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