Weathered Petrol color palette — #F5F7E4 · #6CC7D7 · #007B93 · #005557 · #00394B

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

The five colors

• Cream (#F5F7E4): A whisper-light, dusty green — the color of fresh herbs.
• Aqua (#6CC7D7): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007B93): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005557): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#00394B): 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

• Tempered Meadow color palette (#FCEFE9, #85C8D4, #007CA8, #005343, #001939)
• Hazy Cobalt Lagoon color palette (#F2F8E4, #7DBFF2, #056FC2, #00526C, #012E70)
• Denim Market color palette (#E4E7D5, #5BACC1, #00617B, #003D42, #002333)
• Airy Hollow color palette (#E8FAF7, #92EAFA, #00BDE3, #009799, #00394B)
• Gentle Chapel color palette (#FFF0FC, #98D7E3, #0098CE, #00745F, #003265)
• Ash Lantern color palette (#F4F6EE, #C6E5E3, #70A1B9, #54795E, #325247)
• Ancient Turquoise Ridge color palette (#D2FFEE, #7AE5CF, #00B9C1, #007745, #004133)
• Hushed Orchard color palette (#E5EAD7, #4889A9, #004163, #00212A, #000A18)

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