Midnight Pier color palette — #F2D6E4 · #729E30 · #300075 · #0F0203 · #010008
A conversation between Royal Purple and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F2D6E4): A whisper-light, dusty rose — the color of pressed rose petals.
- Olive Leaf (#729E30): A luminous, balanced green — the color of new leaves after rain.
- Royal Purple (#300075): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Ink (#0F0203): A deep, shadowed, dusty red — the color of embers at dusk.
- Black (#010008): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark.
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
- Moss Cabin color palette (#F2D9DB, #819B02, #4D0046, #110502, #030003)
- Twilit Navy Veranda color palette (#F6E3F4, #B78300, #001182, #0D0204, #00000A)
- Olive Summit color palette (#D3E0FC, #3D7900, #160060, #200E20, #020014)
- Grape Harbor color palette (#FFF1F7, #88DC6C, #692ABB, #280051, #040002)
- Mulberry Summit color palette (#FFF1F2, #B4C56E, #822569, #300025, #040000)
- Weathered Aubergine color palette (#F4ECED, #E3C9C6, #C19D8F, #752479, #090002)
- Plum Harbor color palette (#FFF1F3, #C9E68A, #A1369D, #451B43, #140205)
- Airy Ember color palette (#DBDBF6, #FE5131, #733699, #38134E, #02000D)
Browse the whole catalog at Explore, or see today's palette.