Washed Petrol color palette — #CBE7DD · #0072A9 · #7D4400 · #002E48 · #030100

Slate and Bronze set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#CBE7DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#0072A9): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#7D4400): A full-bodied, balanced gold — the color of old brass.
• Midnight (#002E48): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#030100): a grounded near-black with real depth.

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

• Timeworn Sapphire color palette (#EEDDED, #0864D5, #6D4F00, #00285F, #020100)
• Gentle Mulberry color palette (#D3ECD9, #007986, #A1001F, #003238, #040000)
• Moonless Denim color palette (#E1F0FD, #005080, #602900, #002038, #030100)
• Frosted Veranda color palette (#DAF2E7, #0089B9, #9D6200, #005C7D, #0C0400)
• Feathered Garnet color palette (#C8E2FB, #005892, #840037, #263900, #000104)
• Lapis Basin color palette (#FDE5F1, #6A4FCF, #555A00, #2F0076, #010100)
• Gentle Courtyard color palette (#DBEDFF, #005589, #6F0055, #00223C, #11000B)
• Lilac Archive color palette (#BEE9DE, #A3B1EA, #A37DDA, #004C5F, #000107)

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