Midnight Pier color palette — #E5E1D2 · #4B4D00 · #003035 · #180031 · #040000

Built around Deep Indigo, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Parchment (#E5E1D2): A whisper-light, dusty green — the color of new leaves after rain.
• Deep Olive (#4B4D00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#003035): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#180031): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Midnight 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 Forest color palette (#E2E8D9, #005837, #002A51, #230019, #020100)
• Lowlit Field color palette (#F2E5D9, #6B3C00, #00331C, #001025, #040002)
• Cellar Chestnut color palette (#F5E7D7, #8B5C00, #00491C, #250032, #020100)
• Nocturne Cocoa Boulevard color palette (#F9E7EF, #753600, #002F41, #2C0013, #100000)
• Spruce Market color palette (#EAE7C8, #465053, #2B3D00, #131E22, #000902)
• Onyx Cabin color palette (#E3E6C7, #47723E, #004A3E, #2D1850, #19001A)
• Midnight Boulevard color palette (#E4EDDB, #276D00, #00431E, #001D13, #000403)
• Deep Loft color palette (#E9DFD1, #736928, #333B00, #2A1B00, #040300)

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