Weathered Petrol color palette — #F5EDE2 · #9FB9A1 · #007588 · #005142 · #003345

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

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Sage (#9FB9A1): A luminous, dusty green — the color of fresh herbs.
• Teal (#007588): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005142): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Teal (#003345): 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

• Antique Workshop color palette (#F9F4EE, #B1CDB9, #0085A8, #006058, #0D3F5C)
• Patina Field color palette (#F2E6E2, #77C2C4, #007697, #004F21, #001532)
• Ancient Denim color palette (#EDE5D9, #6BA9BE, #005E86, #003E3E, #00203F)
• Patina Cypress Studio color palette (#F8F5EF, #CBE4DF, #7BA48D, #327D70, #335246)
• Softworn Turquoise Boulevard color palette (#E8F1EA, #95E3E6, #00B8D4, #239279, #003345)
• Softworn Abyss Study color palette (#F5EDE1, #658A74, #00425B, #002221, #000A17)
• Dusty Cerulean Quarry color palette (#F8F5EF, #C6E5D7, #5B8FBE, #006F7A, #593C57)
• Hushed Plum color palette (#F4E3E5, #9F3C99, #745B00, #005763, #330D31)

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