Nocturne Pier color palette — #FFE8EC · #B3052C · #541F00 · #291300 · #080900

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

The five colors

• Rose Water (#FFE8EC): A whisper-light, dusty red — the color of late-summer berries.
• Ruby (#B3052C): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#541F00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#291300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#080900): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Warmth, Comfort, Energy, Depth, Luxury. Tagged dark, 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

• Charred Cabin color palette (#FFDAD4, #972500, #481600, #250C00, #030100)
• Timeworn Courtyard color palette (#FBE4E4, #CE3928, #A13D00, #5E2B00, #140800)
• Twilit Lantern color palette (#F5D6ED, #9C0064, #610026, #300100, #120400)
• Muted Cocoa Villa color palette (#FFE8F1, #784100, #00474E, #331900, #000709)
• Moonless Cocoa color palette (#F5DBCC, #642E00, #00394C, #181B3E, #040100)
• Aged Olive Parlor color palette (#FAE9DF, #AC894B, #478224, #5B0013, #010D00)
• Muted Chestnut Pier color palette (#F4DFC6, #7D5E00, #414300, #182A00, #001702)
• Patina Cobalt Pier color palette (#F7EAFF, #007BBC, #905200, #0D0A02, #060002)

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