Washed Petrol color palette — #D4FFFC · #ADE7CD · #6DBDB3 · #3E709D · #2A3D6E

A conversation between Slate and Navy, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D4FFFC): A whisper-light, dusty teal — the color of glacier melt.
• Mint (#ADE7CD): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#6DBDB3): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#3E709D): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2A3D6E): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Washed 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 Corridor color palette (#D4F7EC, #85B5BF, #2A7F8B, #35416E, #1A1237)
• Antique Delta color palette (#DCFFEA, #93C3C8, #6598A6, #415B83, #232856)
• Tempered Aubergine color palette (#C5E7EE, #679FB9, #40678B, #401D56, #1B0018)
• Antique Station color palette (#EBF7FF, #D7D9E4, #B0C0D6, #928BAC, #574C62)
• Hushed Mint color palette (#FFEAD1, #C7D0A3, #71C4A4, #9F7792, #633A57)
• Onyx Grove color palette (#D9E9F0, #538CB1, #305083, #330B3C, #040002)
• Linen Parlor color palette (#D9EDA6, #87C478, #3F8B62, #3E614E, #19494D)
• Taupe Courtyard color palette (#F6E9CE, #A0B772, #3E8F81, #6E474D, #46272C)

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