Petrol Pier color palette — #FCF2F5 · #C6DFFA · #7988B7 · #006E7F · #404563
Teal takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FCF2F5): a clean, paper-quiet neutral.
- Powder Blue (#C6DFFA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#7988B7): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#006E7F): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#404563): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Powdered Cornflower Boulevard color palette (#FFF1F5, #A8D4F7, #527BD5, #00656F, #3C376D)
- Tempered Cerulean color palette (#EEF6FF, #E1D9E3, #C4B7E1, #5A8C9F, #495265)
- Denim Alley color palette (#F0F3EB, #C5E4DC, #688FC7, #006690, #1D2B4B)
- Abyss Market color palette (#F3E6EF, #539DA1, #005266, #003220, #001527)
- Frosted Cobalt Grove color palette (#AAEEF9, #5EC0E7, #267CB4, #3A5491, #4C3D5F)
- Feathered Petrol Studio color palette (#EEF6FF, #74A2DD, #B27D3D, #3767A1, #583C1A)
- Softworn Cobalt color palette (#EFF6FF, #5788D6, #A46E18, #616B13, #28394F)
- Softworn Archive color palette (#FFF0FB, #5EC9DD, #0077A4, #005748, #003266)
Browse the whole catalog at Explore, or see today's palette.