Nocturne Cocoa Pier color palette — #F7DDCC · #873500 · #004E4E · #00274F · #060100

Rust takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#F7DDCC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rust (#873500): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#004E4E): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#00274F): A deep, shadowed, balanced blue — the color of open sky before noon.
• Black (#060100): 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 Pier 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

• Ancient Canyon color palette (#FFE7E0, #9A0035, #00503C, #002C3B, #080001)
• Aubergine Cabin color palette (#F1E0C9, #6E4A00, #004B60, #2E0566, #040200)
• Wandering Archive color palette (#F7EAD6, #835C00, #364100, #001F3C, #070500)
• Rust Parlor color palette (#FFE9DB, #B55100, #006A83, #003F4F, #030100)
• Washed Workshop color palette (#FDEBD9, #956E00, #534B00, #1A2200, #000800)
• Bronze Bloom color palette (#F2E6DC, #B95900, #3A4B00, #572600, #010100)
• Aubergine Workshop color palette (#FEEDD3, #8D6100, #006389, #470094, #120900)
• Dusty Thicket color palette (#E3DED8, #BBB2A1, #958E71, #5E3B00, #130800)

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