Weathered Petrol color palette — #EEF7FB · #D6D9EA · #B0BBDB · #007885 · #2D434C

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

The five colors

• Ivory (#EEF7FB): bright and airy, almost weightless.
• Silver (#D6D9EA): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#B0BBDB): A luminous, dusty violet — the color of wild irises.
• Teal (#007885): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#2D434C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Dusty Sapphire Workshop color palette (#F1F6FC, #DED6E6, #C0B6D6, #2269C0, #37414C)
• Patina Petrol Basin color palette (#EDF4EF, #C4DDDE, #CFB6CF, #00788D, #18291F)
• Denim Boulevard color palette (#E9F0F3, #C4CDD9, #9A9FB8, #005F74, #213038)
• Patina Cobalt color palette (#F3F5FB, #DDD8DD, #B4A9A3, #7F79B4, #4F525B)
• Petrol Atelier color palette (#CFE6F9, #006FA7, #2A2250, #001A2C, #010814)
• Ancient Fern Garden color palette (#C7F2CF, #6BB8B8, #5A7AB0, #446500, #245431)
• Hushed Cypress Boulevard color palette (#E5FCED, #8FAF76, #007C5B, #005974, #2D421C)
• Timeworn Canyon color palette (#EDF9EF, #FDD5D8, #C6E1E5, #2CB8C8, #354439)

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