Nocturne Cocoa color palette — #F6DCEA · #7C3400 · #004913 · #351200 · #000200

Built around Rust, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F6DCEA): A whisper-light, dusty pink — the color of a candy shop window.
• Rust (#7C3400): A full-bodied, balanced orange — the color of toasted spice.
• Forest (#004913): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#351200): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Cocoa Hollow color palette (#D9EDDB, #644600, #00463B, #2A1B00, #000201)
• Charred Onyx color palette (#F1DBCF, #602A00, #2F3500, #43002E, #030100)
• Deep Mulberry color palette (#F4E9F8, #8D0045, #453B00, #3E001B, #020100)
• Inked Ridge color palette (#DDEEE2, #5D4A00, #6F003F, #271D00, #040001)
• Twilit Coast color palette (#FDD8D6, #00722F, #664F00, #0A100B, #000200)
• Timeworn Villa color palette (#FFE6D4, #A64A00, #006B23, #5C2600, #000901)
• Antique Rust Coast color palette (#FFE8F4, #AA4B00, #005E77, #491C00, #000102)
• Chestnut Hollow color palette (#F7D6E3, #A27E4F, #775F00, #4F1B00, #030100)

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