Weathered Petrol Pier color palette — #ECF4EF · #BEE1E2 · #A5C8BD · #007792 · #1D2822

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

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Silver (#BEE1E2): A whisper-light, dusty teal — the color of sea glass.
• Stone (#A5C8BD): A luminous, dusty teal — the color of glacier melt.
• Teal (#007792): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#1D2822): quiet, heavy and certain.

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

Use it as a design system

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

• Aged Denim Dune color palette (#E1ECE7, #BCD1CA, #AE9DAF, #005D7E, #0D1914)
• Ancient Petrol color palette (#EAF8FE, #D4D9EB, #AFBED0, #00778C, #2F434D)
• Muted Petrol color palette (#F8EEF9, #E5D0D5, #D1B6C9, #326DAC, #2B212D)
• Wandering Cerulean Dune color palette (#ECF9F0, #C7E4E7, #D6C6B6, #26A3B7, #293A2E)
• Nocturne Atelier color palette (#D8EBE5, #0070B3, #0F2851, #00150F, #000503)
• Wandering Jade Pier color palette (#F1F5DD, #51C17B, #007F58, #0F584E, #002911)
• Driftwood Lagoon color palette (#F8EFF3, #E0D4D2, #B6ACA2, #9B7787, #3C3337)
• Timeworn Lantern color palette (#D2E8FF, #82A4EF, #7470AB, #704948, #481B26)

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