Nocturne Pier color palette — #FAEBDB · #633C00 · #003F31 · #0D0053 · #030100

Deep Indigo and Bronze set the tone — five colors that lean into optimism and creativity.

The five colors

• Cream (#FAEBDB): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#633C00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Forest (#003F31): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#0D0053): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Creativity, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Nocturne 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

• Velvet Onyx color palette (#F2DDC7, #7D4B00, #003E45, #1C004E, #09000A)
• Lowlit Onyx color palette (#FBEBD6, #4A3100, #002E2D, #170034, #030100)
• Velvet Mulberry Terrace color palette (#FBE1DE, #90004E, #003D32, #1A004C, #050000)
• Midnight Aubergine color palette (#FFEAED, #77007F, #0D3E00, #001A35, #040001)
• Olive Station color palette (#E0FDF5, #537900, #004C55, #002241, #020008)
• Onyx Orchard color palette (#F5E6CE, #7B5B00, #004F5C, #45004C, #0D0600)
• Wandering Bronze color palette (#FFE1D6, #A96600, #4D4200, #1A2400, #000901)
• Weathered Cocoa color palette (#EEE9E4, #BAB2A3, #938E6F, #643600, #130800)

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