Nocturne Pier color palette — #ECDFE9 · #705D00 · #893300 · #100A03 · #030100

A conversation between Rust and Olive, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#ECDFE9): a clean, paper-quiet neutral.
• Olive (#705D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Rust (#893300): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#100A03): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#030100): a grounded near-black with real depth.

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

• Moonless Chestnut color palette (#F0E5DA, #7D4A00, #233800, #2E1800, #020100)
• Charred Quarry color palette (#C9E4ED, #006F57, #5D5300, #090D07, #020100)
• Softworn Boulevard color palette (#CCEAE3, #4D8E00, #9C5F00, #0F0C02, #040102)
• Weathered Bronze color palette (#E5E0D8, #948C7E, #80681E, #382600, #020100)
• Brick Market color palette (#D2EAF6, #00886E, #BB0C00, #130600, #050004)
• Wandering Lime color palette (#F4E0D3, #6AE2DE, #98CF54, #36362F, #17170E)
• Lime Pier color palette (#F1DBE0, #79BE27, #C88B00, #2E1C00, #0F0801)
• Deep Garnet Field color palette (#F9E0DE, #5D0032, #001D2A, #04002D, #030004)

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