Petrol Pier color palette — #EDF8F7 · #CEDEEF · #6A8CBA · #056A93 · #374863
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF8F7): a clean, paper-quiet neutral.
- Silver (#CEDEEF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#6A8CBA): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#056A93): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#374863): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Cerulean Corridor color palette (#EFF7F5, #BEE3F0, #3A99A6, #007269, #284D5E)
- Sunlit Cobalt Delta color palette (#ECF8F7, #A5D4FA, #3282CF, #006281, #1E3F71)
- Denim Canyon color palette (#DFEBE9, #7DA5B8, #00617A, #003D41, #002332)
- Weathered Periwinkle color palette (#FAF4ED, #C6EFE3, #88A2E9, #398794, #583F4C)
- Softworn Abyss Harbor color palette (#D2E5E3, #59879F, #004163, #002129, #000A18)
- Dusty Canyon color palette (#E2FBF7, #77C6D3, #007B92, #005656, #00394A)
- Hushed Corridor color palette (#EAFAEC, #BFE7E3, #C2C895, #997342, #36523F)
- Antique Chestnut Thicket color palette (#FFF1F5, #C79459, #B070A6, #8E5800, #5A3254)
Browse the whole catalog at Explore, or see today's palette.