Weathered Petrol color palette — #E8EAE1 · #84BCD7 · #0073A5 · #004957 · #00172B

Built around Slate, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Parchment (#E8EAE1): bright and airy, almost weightless.
• Sky (#84BCD7): 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 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

• Wandering Cypress Terrace color palette (#E9EAE0, #9FBCA0, #007A83, #004C43, #001A1F)
• Wandering Coast color palette (#F6EBF1, #85BAD3, #2D6BA7, #00504E, #202957)
• Hushed Cobalt color palette (#F0F3E9, #AAD2C4, #4880B4, #005771, #052043)
• Tempered Cabin color palette (#E3E3D0, #58ADA7, #006567, #003A30, #000E10)
• Hushed Petrol Pier color palette (#F1F3EB, #C7DFE0, #77A899, #3F7384, #412E44)
• Navy Market color palette (#E9EEE0, #4B7DA9, #003A75, #001D2B, #000109)
• Patina Amethyst color palette (#F0E8FF, #7D4FB6, #A12B4E, #005376, #110123)
• Chalky Studio color palette (#FFE4EC, #E7B8F4, #CD82BC, #655799, #2E0E1A)

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