Weathered Petrol color palette — #FDF4E5 · #72C9C3 · #007D87 · #00583E · #003947

Built around Teal, softened by Deep Olive — the whole palette hums with trust and stability.

The five colors

• Cream (#FDF4E5): A whisper-light, dusty gold — the color of honey in a jar.
• Aqua (#72C9C3): A luminous, balanced teal — the color of sea glass.
• Teal (#007D87): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#00583E): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#003947): 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

• Petrol Balcony color palette (#FCF4E8, #61C7E8, #0076A9, #005557, #013361)
• Misty Drift color palette (#FFEDE9, #42D4CA, #007F97, #135603, #001C31)
• Feathered Harbor color palette (#E3FBF5, #8BEEE7, #00C2C7, #009A82, #003A41)
• Timeworn Delta color palette (#EBE1D3, #58AFAF, #006370, #003F31, #002330)
• Antique Lagoon color palette (#F8F5EF, #C9E7E0, #48A8BE, #2F7E6D, #345245)
• Faded Pine Quarry color palette (#FDF0FF, #73E0D8, #009CBA, #24771C, #00355A)
• Wandering Seafoam Atelier color palette (#E1FFDD, #55EEB5, #00BBBE, #576500, #12432B)
• Worn Terrace color palette (#F0E9DE, #4A8B98, #004358, #002320, #000A16)

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