Weathered Petrol Pier color palette — #DFECEB · #92B9D3 · #0073A5 · #004957 · #00172B

Slate and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DFECEB): bright and airy, almost weightless.
• Ash (#92B9D3): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0073A5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004957): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00172B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Hushed Cobalt color palette (#E9F5F4, #A4CDEB, #3680C0, #005871, #0A203D)
• Antique Teal Grove color palette (#DCE9E5, #56ADA8, #006568, #003A30, #000E10)
• Patina Cabin color palette (#D4E5E4, #4A7DA9, #003A75, #001D2B, #000109)
• Feathered Tangerine Garden color palette (#F8DFFE, #F9BBB9, #F37A51, #823D5B, #261128)
• Timeworn Plum Field color palette (#F5E0FA, #C4005A, #825200, #5B2B99, #140319)
• Hushed Chestnut Terrace color palette (#F5E5EB, #AE7A39, #7D4500, #502200, #001302)
• Mulberry Terrace color palette (#EAD8E8, #B951A4, #9F0075, #65003D, #2A0011)
• Pale Raspberry color palette (#F8EAFD, #CB4B77, #7C6B00, #84003F, #161200)

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