Midnight Pier color palette — #EEE7D2 · #336E00 · #003421 · #21092F · #020800

Olive and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#EEE7D2): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#336E00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#003421): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#21092F): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#020800): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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 Parlor color palette (#F6D9D8, #910062, #004C28, #3F0029, #000803)
• Tempered Olive Alley color palette (#DFF1E2, #6B7D3A, #00532F, #491335, #040700)
• Olive Courtyard color palette (#F6EDE1, #837E00, #2C5000, #2D2752, #221A00)
• Garnet Pier color palette (#FFDCEB, #73004B, #003E29, #002529, #060002)
• Navy Courtyard color palette (#DFF5EE, #61995D, #00744D, #20438C, #000900)
• Emerald Station color palette (#E7E6D2, #32A36C, #006359, #51314C, #252D10)
• Timeworn Cerulean color palette (#F3E4DB, #1E8EA9, #004163, #00231E, #000428)
• Coral Parlor color palette (#FFE8F5, #DC767A, #A26300, #432259, #200302)

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