Nocturne Cocoa color palette — #E3E4FD · #006A7C · #843900 · #0C0D04 · #040002

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

The five colors

• Frost (#E3E4FD): A whisper-light, dusty violet — the color of wild irises.
• Peacock (#006A7C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#843900): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#0C0D04): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged neon, dark, vibrant, 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

• Smoked Pier color palette (#DCECFF, #006F52, #9B002D, #100401, #030003)
• Velvet Ultramarine color palette (#F8DCED, #005BB7, #635000, #0B0D07, #020100)
• Bronze Canyon color palette (#EBEEFF, #008D88, #AC5100, #150C00, #040100)
• Chestnut Dune color palette (#E0ECDF, #6D5400, #3A2C30, #1F1000, #020100)
• Dusty Olive color palette (#F4DDE2, #658100, #885800, #0D120A, #000300)
• Timeworn Spruce color palette (#E8F2ED, #83918E, #547172, #2E2B00, #000201)
• Gentle Study color palette (#F7E9F5, #446FFF, #896F00, #0C0800, #000201)
• Quiet Thicket color palette (#E2F1FF, #CC79FA, #A26400, #1D0E00, #090204)

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