Petrol Pier color palette — #D7E4DF · #CBC0CC · #B89AAF · #006991 · #0E241C
Built around Peacock, softened by Mauve — the whole palette hums with trust and stability.
The five colors
- Silver (#D7E4DF): a clean, paper-quiet neutral.
- Stone (#CBC0CC): A whisper-light, dusty pink — the color of neon signs at night.
- Mauve (#B89AAF): A luminous, dusty pink — the color of a candy shop window.
- Peacock (#006991): A full-bodied, balanced blue — the color of open sky before noon.
- Onyx (#0E241C): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Timeworn Ultramarine color palette (#F5EAF3, #D1BEC8, #B89CA5, #3A5AB0, #281926)
- Washed Cypress Cabin color palette (#E9F2EA, #BBC8C0, #8BADA2, #006E75, #162318)
- Cerulean Bloom color palette (#DDE9F0, #BFBDD2, #AF9FB9, #008DB5, #162128)
- Muted Abyss color palette (#E6EDEA, #C2B4BF, #A2858F, #004C64, #0C251B)
- Worn Petrol Dune color palette (#EEF6FD, #D7D8EE, #ABBBDB, #006890, #030E17)
- Pewter Workshop color palette (#F5ECEE, #E5D2D4, #C9B1AF, #83619A, #3B272D)
- Ancient Teal Delta color palette (#E0E3D1, #48A783, #007066, #004E5D, #002116)
- Worn Lagoon color palette (#EBDEE4, #B19FA5, #9F7B80, #463288, #12040C)
Browse the whole catalog at Explore, or see today's palette.