Weathered Petrol color palette — #E0FFDE · #B0E6E7 · #4DB5A4 · #2677AB · #293D65

Slate takes the lead with Turquoise close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#E0FFDE): A whisper-light, dusty green — the color of new leaves after rain.
• Sea Foam (#B0E6E7): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#4DB5A4): A luminous, balanced teal — the color of glacier melt.
• Slate (#2677AB): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#293D65): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged vintage, retro, muted, cool.

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

• Washed Loft color palette (#D7FFF5, #B8E9F8, #71ABBB, #696EA7, #4A356D)
• Patina Lagoon color palette (#DEF1F2, #66B9AE, #0A848B, #293E70, #18113A)
• Ancient Garden color palette (#CDF0F4, #5B95A6, #006A9C, #3A185B, #17001C)
• Antique Navy color palette (#DCFDFF, #8DC1CD, #5D9AA3, #465689, #2E2257)
• Wandering Garden color palette (#C9E4F8, #637BA0, #484E7B, #390B2C, #040001)
• Mint Courtyard color palette (#E1F1AD, #91C574, #4E9166, #40644F, #1F4D67)
• Lime Study color palette (#FFE0A7, #9ABB65, #578E81, #644566, #402442)
• Dusty Ash color palette (#ECF7FF, #D9D9E4, #B9C2D6, #988CA9, #58495F)

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