Nocturne Cocoa color palette — #FCE6D8 · #6A2700 · #1D2600 · #000930 · #060100

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

The five colors

• Rose Water (#FCE6D8): A whisper-light, dusty gold — the color of old brass.
• Rust (#6A2700): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#1D2600): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000930): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#060100): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Moonless Courtyard color palette (#EBDEC5, #3F3300, #022202, #0B002E, #030100)
• Velvet Garnet Corridor color palette (#FFEBE3, #8E0111, #332900, #05004A, #170001)
• Antique Boulevard color palette (#FCEAD7, #475651, #523000, #19231E, #080900)
• Quiet Rust color palette (#FDD9E8, #C03939, #553200, #201E00, #001101)
• Weathered Garnet Alley color palette (#EDE0D8, #B4A797, #907F36, #651900, #200F06)
• Misty Terracotta Pier color palette (#F9E2D7, #A2040E, #004D38, #002E4A, #050005)
• Twilit Forest Boulevard color palette (#ECEFDE, #005018, #00382B, #2E0032, #070700)
• Pale Navy Workshop color palette (#FFE9D6, #8B4B00, #324500, #09008F, #220E00)

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