Weathered Petrol color palette — #FFF2EC · #78C7CB · #007A96 · #00583C · #003657

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Aqua (#78C7CB): A luminous, dusty teal — the color of glacier melt.
• Teal (#007A96): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#00583C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#003657): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. 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

• Dusty Cobalt Courtyard color palette (#FFF2E9, #77C3E2, #0072BC, #005652, #1B2971)
• Petrol Parlor color palette (#E4F6F2, #7CCBCD, #00818C, #00524A, #001E25)
• Washed Cerulean color palette (#F6F6E8, #7CDDE0, #009EAD, #007369, #003A44)
• Denim Delta color palette (#EFDCD3, #6DAAB2, #00607D, #00402F, #00203D)
• Worn Cerulean color palette (#FDF3EE, #C8E5D2, #5392B8, #217063, #583C58)
• Patina Emerald color palette (#FDF1FA, #69F1F5, #00BDE3, #009D69, #003755)
• Chalky Balcony color palette (#DBFFDD, #4CE8C6, #2AADD6, #666300, #004634)
• Softworn Loft color palette (#F8E7DD, #3A8CA4, #004064, #00231F, #00032A)

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