Weathered Petrol color palette — #E3F0E5 · #9BB6B9 · #BA9EB0 · #008189 · #07180B

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

The five colors

• Honeydew (#E3F0E5): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#9BB6B9): A luminous, dusty blue — the color of deep harbor water.
• Mauve (#BA9EB0): A luminous, dusty pink — the color of peonies in June.
• Teal (#008189): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#07180B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Petrol Coast color palette (#DEE8E4, #B49EA1, #A5827C, #006B96, #000D07)
• Washed Market color palette (#DFE2D6, #99BAAF, #71A3A3, #008846, #121607)
• Ancient Denim Bloom color palette (#D4E1E7, #9DB9CB, #7E98B3, #005E6A, #04161E)
• Abyss Parlor color palette (#D8E3E8, #95A2AC, #6A7D9A, #003E45, #000509)
• Cobalt Drift color palette (#F2E4ED, #CEBBB6, #BDA08E, #7179BF, #261C22)
• Washed Turquoise color palette (#EEF8F1, #F5D7E2, #E2BABB, #00ABC3, #21392A)
• Weathered Terrace color palette (#C6E9E3, #489FD8, #856FA3, #655821, #1F1800)
• Moss Archive color palette (#E8E1D3, #77A94A, #008461, #1C5E76, #071300)

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