Washed Petrol color palette — #E9F9F4 · #EDB6A0 · #3778A4 · #174765 · #132620

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

The five colors

• Ivory (#E9F9F4): bright and airy, almost weightless.
• Sand (#EDB6A0): A whisper-light, dusty orange — the color of autumn markets.
• Slate (#3778A4): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#174765): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#132620): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

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

• Tempered Lagoon color palette (#FCF2F8, #C4C996, #676D9F, #3B3E66, #2D1B27)
• Wandering Denim Basin color palette (#ECF7FE, #90BC90, #005A75, #003345, #181C27)
• Worn Iris color palette (#F9F3F8, #E0D8D7, #D4BDB6, #728DCF, #4F434D)
• Hushed Coast color palette (#EAF9F1, #B3E5AF, #4AA1C2, #466D5B, #15261E)
• Patina Cobalt color palette (#F0F7F4, #91CDF3, #BC759C, #008AC5, #351C1C)
• Sunlit Ultramarine Workshop color palette (#F4DCF3, #E49913, #0053BE, #002967, #000D2B)
• Plum Lantern color palette (#FFF0FA, #808BCB, #B0546F, #4D6300, #122F28)
• Gentle Aubergine color palette (#EAD9E0, #8FB176, #5D4294, #310F60, #17040E)

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