Nocturne Pier color palette — #F6EBD0 · #755900 · #372B00 · #141B15 · #0C0600

Coffee and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F6EBD0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Coffee (#755900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#372B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#141B15): a grounded near-black with real depth.
• Ink (#0C0600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged monochrome, 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

• Midnight Fern Loft color palette (#F1EEDE, #576200, #002E3A, #1C2000, #000201)
• Washed Bronze color palette (#F0EADB, #9B7900, #584200, #271B00, #030200)
• Muted Terracotta Balcony color palette (#F9DCD0, #A74000, #511B00, #1F2519, #180300)
• Muted Garden color palette (#DEF6D9, #277700, #093901, #132126, #010C00)
• Wandering Olive color palette (#F1FCC7, #94A959, #5B6B00, #353C00, #1A2400)
• Worn Olive Hollow color palette (#EBF3E6, #648D19, #274F00, #121D00, #030A00)
• Dusty Cobalt color palette (#E9D7F7, #007CB8, #726400, #0B1008, #030200)
• Moss Hollow color palette (#F3DDBF, #9C9537, #2E8760, #581900, #0F0B00)

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