Washed Petrol color palette — #E7DDCE · #5EB2B2 · #007383 · #004C3B · #001720

Built around Teal, softened by Turquoise — the whole palette hums with trust and stability.

The five colors

• Bone (#E7DDCE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Turquoise (#5EB2B2): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007383): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001720): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Petrol Coast color palette (#F6EEE2, #7DBDCB, #0080A7, #005A54, #002138)
• Tempered Cypress Lagoon color palette (#DFF3EF, #7BC6C6, #00757E, #003F37, #000304)
• Hushed Archive color palette (#F8EFE0, #4B9DC1, #005D92, #003B40, #00071F)
• Powdered Grove color palette (#E8DFD1, #73A8D3, #005DD5, #004858, #0A0A3A)
• Cerulean Villa color palette (#FFF4E2, #88DAE5, #009BBF, #007467, #003752)
• Muted Lantern color palette (#FDF4E7, #B8E1FF, #4C9CFF, #007F95, #313D66)
• Hazy Aubergine Grove color palette (#EDE5D2, #806100, #006772, #7A007E, #0C0700)
• Hushed Moss color palette (#EAE0C5, #A28C00, #665700, #2D2300, #020200)

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