Nocturne Pier color palette — #F8D8C8 · #723800 · #472600 · #180A00 · #020100

Built around Bronze, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F8D8C8): A whisper-light, dusty orange — the color of toasted spice.
• Bronze (#723800): A full-bodied, balanced gold — the color of old brass.
• Espresso (#472600): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#180A00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged dark, muted, warm.

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

• Shadow Veranda color palette (#FAE7CF, #674400, #004737, #2B1A00, #000201)
• Eclipse Terracotta Orchard color palette (#FFE9E7, #A33F00, #4F2900, #221400, #030800)
• Twilit Garnet color palette (#FBE0E1, #970020, #580201, #250500, #050100)
• Bronze Cabin color palette (#F5EBD1, #796800, #524C00, #262800, #080C00)
• Timeworn Amber Chapel color palette (#EDE2D6, #B37B00, #735300, #413300, #181300)
• Tempered Workshop color palette (#FAEDDB, #9E9052, #666900, #412500, #020100)
• Inked Fern color palette (#CFE4FC, #006B75, #1D6300, #020D09, #010100)
• Frosted Moss color palette (#E4EADC, #5D9700, #1E6F00, #00470F, #00240F)

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