Midnight Pier color palette — #E0EFF8 · #9A7300 · #001F29 · #080C12 · #000102

Ochre and Midnight set the tone — five colors that lean into optimism and sophistication.

The five colors

• Frost (#E0EFF8): A whisper-light, dusty blue — the color of open sky before noon.
• Ochre (#9A7300): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#001F29): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#080C12): a grounded near-black with real depth.
• Black (#000102): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged luxury, 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

• Twilit Chestnut color palette (#DCEEE4, #785900, #21272F, #001820, #000305)
• Lowlit Aubergine Quarry color palette (#E7ECFD, #B18618, #2F0175, #0E0518, #010008)
• Ancient Ember color palette (#DBEEFF, #CD605D, #004E74, #001727, #000205)
• Dusty Denim color palette (#EDF6FF, #D6B674, #005587, #001A2E, #000104)
• Navy Thicket color palette (#F1F5FE, #FAE3B4, #6B72A1, #2E3264, #090F1D)
• Navy Coast color palette (#DCE1E7, #B3BBCC, #8C90AA, #00387D, #000105)
• Eclipse Mulberry Station color palette (#F9E4F8, #A10053, #001135, #160504, #000106)
• Wandering Aubergine Loft color palette (#D9E7F3, #0084B9, #5C0077, #002F46, #030005)

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