Nocturne Cocoa color palette — #D1ECFE · #00546D · #652400 · #00222E · #030000

Rust and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D1ECFE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#00546D): A full-bodied, dusty blue — the color of deep harbor water.
• Rust (#652400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Midnight (#00222E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, 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

• Obsidian Garnet Loft color palette (#D1E6F9, #003E68, #5C1300, #2D1700, #000104)
• Moonless Garnet Workshop color palette (#D9F6FC, #00594F, #6E0045, #002520, #040002)
• Lowlit Navy Courtyard color palette (#D9EAFF, #01489A, #3E3F00, #001C45, #010100)
• Dusty Terracotta color palette (#D6EAE0, #007696, #8B3700, #00303F, #030000)
• Eclipse Meadow color palette (#ECEBDA, #914700, #005881, #090C13, #000103)
• Denim Archive color palette (#D5E4ED, #00629E, #003248, #14131A, #000710)
• Fern Bloom color palette (#D2E9D5, #565600, #382600, #1D0700, #000200)
• Softworn Cobalt color palette (#D6EAFF, #236DB4, #5D5C00, #003766, #080800)

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