Nocturne Cocoa color palette — #F1E1EA · #652300 · #00251B · #29121B · #00071B

A conversation between Rust and Ink, giving this palette its sense of optimism and sophistication.

The five colors

• Rose Water (#F1E1EA): A whisper-light, dusty pink — the color of a candy shop window.
• Rust (#652300): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#00251B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#29121B): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Ink (#00071B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Midnight Garnet color palette (#F3E8F6, #710031, #292228, #162300, #000912)
• Cellar Onyx Alley color palette (#D7F2D8, #503600, #00232B, #070025, #030003)
• Shadow Onyx color palette (#F7DBE4, #454B42, #3E2200, #1C0F06, #030200)
• Eclipse Market color palette (#F4DDCB, #884200, #00451C, #001C33, #060003)
• Charred Fern color palette (#D7E8DB, #555F00, #043404, #2A001B, #000201)
• Cerulean Orchard color palette (#F7EBF2, #0086A1, #004061, #00201B, #000109)
• Cellar Archive color palette (#D9EBDE, #6E5400, #003C4F, #240046, #0B0006)
• Weathered Moss color palette (#E5F7F1, #8CA855, #4A74A6, #6C3A4A, #302036)

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