Worn Petrol Pier color palette — #F6F1EC · #C9E2E5 · #889CC6 · #187883 · #482C3C

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Cream (#F6F1EC): bright and airy, almost weightless.
• Silver (#C9E2E5): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#889CC6): A luminous, dusty violet — the color of wild irises.
• Teal (#187883): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#482C3C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, 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

• Worn Cypress color palette (#F7F0ED, #CCE1DC, #71A5B9, #337A5F, #1D3D35)
• Patina Ash Summit color palette (#F4F6F0, #C3E9EE, #7A9CC3, #45768D, #5F4B5D)
• Cerulean Canyon color palette (#FFEEE7, #C38C87, #589D85, #008799, #362119)
• Petrol Study color palette (#F0E7E2, #87BDCC, #0073A5, #004C42, #001338)
• Ancient Meadow color palette (#FBEFE9, #B8D9BF, #0090BA, #00644D, #002647)
• Worn Lagoon Dune color palette (#FBECE5, #3D8685, #004351, #002111, #000103)
• Ancient Courtyard color palette (#E9DBD0, #7CA798, #2655A2, #00393C, #09002E)
• Hushed Cocoa Studio color palette (#FFEDE9, #DFD8C8, #C5C79B, #9F799A, #662C05)

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