Washed Petrol Pier color palette — #ECF4EF · #C4DCDB · #A4BEB3 · #286F7D · #1A231D

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

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Silver (#C4DCDB): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#A4BEB3): A luminous, dusty teal — the color of glacier melt.
• Teal (#286F7D): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#1A231D): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Washed Petrol Garden color palette (#EDF7FC, #D4D9E6, #A6B5C5, #00717D, #2D3D44)
• Antique Harbor color palette (#EFF8F1, #CDE0E1, #BDB9AB, #4498A0, #273129)
• Cypress Field color palette (#F3F3E1, #7EAE7F, #34744D, #3E4B33, #1B1E04)
• Ancient Thicket color palette (#F8EFF4, #EFD0CE, #D2B7BF, #6A5EA8, #2F2028)
• Lowlit Petrol color palette (#C9E8DC, #006C9B, #2F1D32, #00110A, #000301)
• Dusty Thicket color palette (#DEEBE4, #A5B8B0, #71978C, #004B5F, #030E08)
• Hushed Pewter color palette (#C7EAE1, #899FC8, #6D6D9A, #643F3E, #3F201B)
• Denim Study color palette (#F3E5EA, #DCC4CB, #BA9AA0, #5D4A7B, #1D1217)

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