Petrol Pier color palette — #F1F7F2 · #CADFF4 · #6F8ABC · #046D87 · #394767
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Powder Blue (#CADFF4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#6F8ABC): A luminous, balanced violet — the color of a velvet chair.
- Peacock (#046D87): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#394767): A full-bodied, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Chalky Cobalt Drift color palette (#EBFAEE, #A0D5FE, #3F7FD6, #006477, #303B6D)
- Aged Iris Study color palette (#F9EFF2, #CBDFF2, #7F89C2, #006C71, #282845)
- Dusty Lagoon color palette (#FAF4EE, #C5E4E8, #91A0E2, #008C8F, #4F3F66)
- Denim Archive color palette (#DAE8DC, #5BACBF, #006080, #003E3B, #00213A)
- Navy Loft color palette (#E4EFE6, #4589AA, #003F69, #002226, #000623)
- Airy Archive color palette (#EEF9ED, #C89452, #478FCC, #8C5900, #1F4565)
- Muted Petrol color palette (#E9FBEC, #7EC5D1, #007999, #00574E, #003753)
- Gentle Amber Alley color palette (#E7FCE8, #B17D15, #008C90, #7E588A, #273F29)
Browse the whole catalog at Explore, or see today's palette.