Midnight Pier color palette — #DAF3FF · #4E464B · #003039 · #1F1800 · #020A00

Deep Forest and Ink set the tone — five colors that lean into sophistication and depth.

The five colors

• Frost (#DAF3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Charcoal Brown (#4E464B): quiet, heavy and certain.
• Deep Forest (#003039): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#1F1800): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#020A00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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 Abyss Coast color palette (#D1EEF9, #003B41, #281B00, #060B00, #000201)
• Washed Cypress Cabin color palette (#CEEBF2, #00706C, #5C3900, #252500, #000505)
• Obsidian Villa color palette (#D2EAFF, #00395E, #33003D, #1E1B21, #000905)
• Terracotta Workshop color palette (#D8EDFF, #A14400, #3C4A00, #003B26, #000A0C)
• Softworn Field color palette (#E9F3FF, #046DBD, #3D5F00, #003C30, #000B13)
• Eclipse Navy color palette (#E2F0FF, #004789, #243900, #00231A, #000102)
• Worn Basin color palette (#EDF1FF, #8881BD, #3A8067, #005963, #111C28)
• Hushed Chestnut color palette (#DFF7FF, #008087, #765200, #363F00, #00120A)

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