Midnight Pier color palette — #E6DFCF · #5A4E00 · #00382B · #001F24 · #020100
A conversation between Deep Olive and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Bone (#E6DFCF): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Deep Olive (#5A4E00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#00382B): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001F24): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, 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
- Moonless Cabin color palette (#DEE1CC, #176A08, #003F3D, #001C2E, #050300)
- Cellar Loft color palette (#DAF3E9, #414600, #003635, #2A004A, #100500)
- Wandering Cabin color palette (#E8E8CF, #707F00, #355000, #082500, #000901)
- Cellar Aubergine color palette (#F7D7DF, #771C8E, #003738, #002132, #010009)
- Basalt Hollow color palette (#F4EEE2, #B8B3A2, #938E6F, #4E4400, #100A00)
- Dusty Navy color palette (#FBF6DB, #646700, #00514E, #070672, #040000)
- Moonless Mulberry Meadow color palette (#FFDFDD, #850054, #003448, #080058, #030005)
- Faded Boulevard color palette (#F0E9D4, #605900, #741B5D, #50000E, #060200)
Browse the whole catalog at Explore, or see today's palette.