Weathered Petrol color palette — #EEF8F5 · #CCE2F5 · #70A2B2 · #417980 · #3A5763

Teal and Blue Fog set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EEF8F5): bright and airy, almost weightless.
• Frost (#CCE2F5): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#70A2B2): A luminous, dusty blue — the color of deep harbor water.
• Teal (#417980): A full-bodied, dusty blue — the color of open sky before noon.
• Peacock (#3A5763): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: 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

• Muted Chapel color palette (#F6F0F4, #D0DEEA, #69A7B5, #447857, #223949)
• Tempered Petrol Quarry color palette (#E3F2F0, #7CBCD5, #00719B, #004E59, #00314D)
• Glacier Quarry color palette (#F5F6EF, #CBE7DE, #7ED8DD, #78AFA2, #44584A)
• Cerulean Parlor color palette (#DAEDEA, #499DAA, #005363, #003030, #001720)
• Softworn Driftwood color palette (#EBFAED, #A6BFAE, #6B8971, #4F644F, #394D42)
• Patina Chapel color palette (#FEF0FF, #D99EA2, #8C95C4, #9C5E64, #414D67)
• Muted Driftwood Harbor color palette (#FFF0FC, #E7D5D7, #B4AC9C, #917992, #604D5A)
• Ancient Driftwood color palette (#FFF0FC, #C4857C, #9B8948, #89698D, #4F3B4B)

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