Washed Petrol Pier color palette — #E9F4F7 · #4CADB0 · #6F68A7 · #6E3B3D · #0C2F21

Built around Slate, softened by Turquoise — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#E9F4F7): bright and airy, almost weightless.
• Turquoise (#4CADB0): A luminous, balanced teal — the color of glacier melt.
• Slate (#6F68A7): A full-bodied, balanced violet — the color of wild irises.
• Cocoa (#6E3B3D): A full-bodied, dusty red — the color of embers at dusk.
• Deep Forest (#0C2F21): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Washed 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

• Pewter Market color palette (#EBF3FA, #6CA2D1, #995788, #674418, #002E2F)
• Softworn Jade color palette (#F2F8EB, #47AD87, #8B5F87, #71492E, #403E37)
• Petrol Terrace color palette (#E6F6F4, #6BAE7A, #177BA5, #5C3F68, #371D2F)
• Tempered Harbor color palette (#EFF8F0, #3CC7CB, #8A84BB, #8F5758, #44423B)
• Ash Balcony color palette (#DDF7FF, #AECBE0, #7A90B1, #725B71, #533C47)
• Timeworn Ash Orchard color palette (#EEF4EF, #D7DBEE, #7E9ECC, #367585, #2C3649)
• Grape Orchard color palette (#E3F5FF, #0091B0, #7E00C3, #6D0B00, #161A00)
• Aged Cobalt Lagoon color palette (#E2F5FF, #78B9D9, #348DC7, #2E5883, #28364D)

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