Midnight Pier color palette — #F2D9F2 · #005DBD · #251C42 · #120313 · #000201

Cobalt takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Thistle (#F2D9F2): A whisper-light, dusty pink — the color of peonies in June.
• Cobalt (#005DBD): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Deep Indigo (#251C42): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#120313): A deep, shadowed, dusty pink — the color of neon signs at night.
• Black (#000201): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Ultramarine Corridor color palette (#E6F1FE, #005AC0, #281D1F, #0F0A31, #000105)
• Moonless Coast color palette (#F2E0ED, #4128FC, #301542, #140310, #000202)
• Muted Cornflower Garden color palette (#D6E7FB, #0077E5, #493960, #051E38, #000204)
• Petrol Workshop color palette (#D0F0E4, #006896, #373944, #1A2046, #000D08)
• Faded Amethyst color palette (#EBEAFF, #7C46FF, #4D274F, #1A1435, #0D040D)
• Obsidian Pier color palette (#F3E1E7, #8200D2, #2D241A, #38152E, #14030A)
• Midnight Aubergine color palette (#F2DAE0, #65008F, #22190D, #1F0013, #060002)
• Muted Cobalt color palette (#F0E0D5, #73BCDC, #0D77C9, #005957, #131B42)

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