Charred Petrol Pier color palette — #D1E4ED · #006677 · #3F373B · #00222F · #000A0D
Built around Peacock, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Frost (#D1E4ED): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#006677): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#3F373B): a grounded near-black with real depth.
- Midnight (#00222F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000A0D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Charred Petrol 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 Harbor color palette (#DDEFFF, #005F9B, #292127, #011A4A, #000814)
- Worn Cerulean Atelier color palette (#D2E5D9, #00869C, #003E53, #001F26, #010A03)
- Feathered Azure color palette (#DBF4FF, #0098D5, #006093, #003861, #001634)
- Quiet Byzantium color palette (#D3E4FD, #006AE7, #A000AE, #005F5D, #000C28)
- Timeworn Summit color palette (#E2E6F3, #7765BA, #2E2E47, #111427, #04060E)
- Eclipse Study color palette (#DBDDF4, #54413B, #4A007D, #28130D, #0F0015)
- Quiet Cobalt color palette (#E4F6F5, #8FC1EB, #0672CC, #004D68, #001544)
- Antique Cobalt Atelier color palette (#E2F0FF, #008BE1, #008936, #004F83, #001C06)
Browse the whole catalog at Explore, or see today's palette.