Weathered Petrol color palette — #D3EBE4 · #3D75AA · #3E2B3C · #0A241F · #030F10

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

The five colors

• Honeydew (#D3EBE4): A whisper-light, dusty teal — the color of sea glass.
• Slate (#3D75AA): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#3E2B3C): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#0A241F): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#030F10): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Wandering Cypress Canyon color palette (#D9EADB, #008187, #21382A, #0F2513, #07110E)
• Weathered Indigo color palette (#F2DEEA, #6566B7, #412A35, #2B1824, #140A0C)
• Azure Harbor color palette (#D9E6F4, #4395D8, #414C6B, #232F3B, #101A1F)
• Hushed Workshop color palette (#DAE6F3, #5CB0FF, #60718A, #414B56, #14191D)
• Inked Mulberry Summit color palette (#FFE5E9, #8D3C91, #391C1E, #230A10, #0B0202)
• Wandering Meadow color palette (#FFF0F8, #877CC6, #B25A7E, #007492, #492E3D)
• Midnight Navy color palette (#EFD9ED, #003182, #0B1217, #040127, #00010A)
• Charred Pier color palette (#ECDAE8, #351BF7, #1D104D, #050235, #10020F)

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