Weathered Petrol color palette — #F4F7EA · #B9DECE · #639CC5 · #007891 · #183D5F

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

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Silver (#B9DECE): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#639CC5): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007891): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#183D5F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Muted Basin color palette (#F5F6EB, #C3DCC5, #33A6B6, #007D74, #1E432F)
• Dusty Meadow color palette (#EAEBDC, #5DB1B9, #007384, #004A47, #00171F)
• Aged Cobalt color palette (#FBF3EE, #A5D0BE, #437ABC, #005F60, #31375D)
• Soft Cobalt color palette (#DEE2D6, #86B7E0, #3C77B8, #005572, #001950)
• Timeworn Pier color palette (#FEF1F7, #BCE7FF, #7AB5FC, #009FA1, #2E3A55)
• Muted Courtyard color palette (#F4F6EF, #C9E5E5, #90BCAC, #699178, #335249)
• Ancient Canyon color palette (#FFE8E7, #E683B3, #6498D9, #AA4B7D, #0C3564)
• Dusty Blush color palette (#FFDBD3, #DB6E84, #B87B00, #8663B4, #422019)

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