Petrol Pier color palette — #EDF8F3 · #EBD29F · #689CBB · #326A88 · #13261F

Peacock takes the lead with Wheat close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EDF8F3): a clean, paper-quiet neutral.
• Wheat (#EBD29F): A whisper-light, dusty gold — the color of old brass.
• Blue Fog (#689CBB): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#326A88): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#13261F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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

• Washed Iris color palette (#FCF2F7, #EBD2A0, #8C8DCE, #5D5E8B, #2D1B26)
• Ancient Petrol Alley color palette (#EAF9F5, #E8B8A5, #49769D, #214564, #152621)
• Stone Loft color palette (#E8F4FC, #CEAF6E, #245B78, #0A2A3F, #060D13)
• Periwinkle Studio color palette (#F9F3F7, #E1D7D7, #C0B1A6, #90A8F2, #4F444C)
• Amber Quarry color palette (#D8F1E9, #BA8F23, #005C96, #002A49, #000202)
• Cornflower Balcony color palette (#F1DDF0, #E6B74B, #0E79F5, #004A9F, #1A071A)
• Violet Orchard color palette (#EDD7DF, #D4B470, #8665B7, #533879, #18030D)
• Sunlit Pier color palette (#EAF9F4, #77C2F9, #E49682, #AE8A33, #1C3931)

Browse the whole catalog at Explore, or see today's palette.