Worn Petrol Pier color palette — #F9EBE5 · #78BECD · #00719D · #005144 · #132E51

A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.

The five colors

• Cream (#F9EBE5): a clean, paper-quiet neutral.
• Cyan (#78BECD): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#00719D): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005144): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#132E51): 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 Worn 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

• Petrol Summit color palette (#DCEDEB, #62C3D7, #007792, #004B4D, #001924)
• Cerulean Harbor color palette (#EEF0E5, #7BD4E7, #0A95B6, #006B6F, #003346)
• Soft Denim color palette (#EFE7E0, #63A8CE, #0054AC, #003E3F, #17164A)
• Cobalt Parlor color palette (#FAF4EF, #A8D0BB, #267EBF, #00605A, #4B3047)
• Lagoon Archive color palette (#F3E3DB, #39A1A3, #005264, #00321E, #001625)
• Washed Basin color palette (#F7D6C6, #CC5235, #007692, #851D00, #002E3B)
• Weathered Azure Drift color palette (#FAF4F0, #CAE8E5, #69A0C7, #377C72, #5E4C5C)
• Dusty Brick color palette (#F2E2DB, #BA3623, #006B74, #004D8F, #390F09)

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