Petrol Pier color palette — #F4F4FF · #B38DC7 · #32A1A5 · #0078A6 · #322F47
Cerulean and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F4F4FF): a clean, paper-quiet neutral.
- Mauve (#B38DC7): A luminous, balanced violet — the color of wild irises.
- Cerulean (#32A1A5): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#0078A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#322F47): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Balance. Tagged 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
- Dusty Lagoon color palette (#F5F4FF, #B681C5, #00888A, #00638C, #242C43)
- Muted Jade color palette (#F0F5FF, #879BDE, #55A274, #00807B, #26334B)
- Gentle Lagoon color palette (#FAF2FC, #D78C9B, #078EAF, #4A51AF, #51234E)
- Patina Market color palette (#EAF9F3, #99A853, #40A0A3, #0079A2, #1B3A30)
- Blush Villa color palette (#FFF2EE, #FF979A, #62BDC6, #559DA4, #422D26)
- Feathered Lapis Parlor color palette (#FBF1FF, #EE578C, #0D8CDC, #4D44E9, #451C29)
- Quiet Pine color palette (#FFF0FC, #B9665C, #238551, #00578B, #3C2D39)
- Grape Quarry color palette (#F9E8F7, #CE706A, #657ACD, #7148A2, #331E31)
Browse the whole catalog at Explore, or see today's palette.