Weathered Petrol color palette — #F3EEE5 · #83BDBD · #007584 · #00523E · #003343

A conversation between Teal and Forest, giving this palette its sense of trust and stability.

The five colors

• Cream (#F3EEE5): bright and airy, almost weightless.
• Ash (#83BDBD): A luminous, dusty teal — the color of glacier melt.
• Teal (#007584): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00523E): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Teal (#003343): 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

• Worn Pier color palette (#F3EEE5, #93BBAC, #336AA5, #004E5A, #1B2A58)
• Wandering Forest color palette (#F5E5E0, #72C3C3, #007795, #004F19, #001630)
• Antique Denim color palette (#E5DED4, #6EA9B9, #005F82, #003E3C, #00213B)
• Cypress Garden color palette (#F8F5EF, #C9E7E0, #65A4B4, #2E7E6D, #355246)
• Cobalt Ridge color palette (#FDF4E6, #9BD9F0, #0088C4, #006669, #15416F)
• Softworn Station color palette (#E5F3E7, #8AE5E5, #00B9CF, #009473, #003343)
• Linen Forest color palette (#F4EBF5, #92D2D2, #0094BA, #00722C, #122F4F)
• Hushed Corridor color palette (#E9E0D2, #4D8B97, #004358, #002320, #000A16)

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