Petrol Pier color palette — #D5E8F2 · #006C7F · #3F373C · #00273E · #000C0F
A conversation between Peacock and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#D5E8F2): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#006C7F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#3F373C): quiet, heavy and certain.
- Midnight (#00273E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000C0F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns 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
- Denim Archive color palette (#DAEAFA, #0064A5, #2A232A, #151C54, #000A17)
- Washed Cerulean color palette (#D5E8F4, #009EC9, #354F6B, #1C313D, #111A1D)
- Abyss Archive color palette (#CFF0FF, #004E5B, #25232A, #010C2A, #000406)
- Washed Cerulean color palette (#D7F3E0, #00889E, #214467, #092315, #000200)
- Muted Violet color palette (#EBEDFF, #9660D5, #523351, #1E1F34, #0B0D14)
- Sapphire Veranda color palette (#E5EFE7, #8EB6DA, #1F6AEE, #00566B, #161846)
- Worn Olive Cabin color palette (#DDF3E6, #8C9B53, #317200, #00523E, #002118)
- Powdered Navy color palette (#D6F5FF, #0093C0, #00679E, #004388, #0E1553)
Browse the whole catalog at Explore, or see today's palette.