Midnight Pier color palette — #F1E6D3 · #5F5200 · #352800 · #160C00 · #010100

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

The five colors

• Parchment (#F1E6D3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#5F5200): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#352800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#160C00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, 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

• Cocoa Cabin color palette (#FCE4D5, #7B401B, #4B1600, #230100, #030100)
• Olive Grove color palette (#FCEED7, #787700, #4C3900, #1F0D00, #010200)
• Washed Thicket color palette (#F6EAD7, #A48C25, #725600, #4A3000, #151200)
• Weathered Summit color palette (#F0DCD0, #AF7757, #8D3509, #5F0C01, #190A00)
• Nocturne Mulberry Station color palette (#DEE3FF, #983F00, #930061, #150903, #040000)
• Cocoa Study color palette (#FEEFDF, #C6A57B, #976A3C, #703E02, #2C200E)
• Moonless Coast color palette (#F2E4D4, #6C4B00, #3C2400, #190A00, #020100)
• Eclipse Fern Veranda color palette (#F0E6C7, #4F5800, #2D2C00, #120E00, #010100)

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