Washed Petrol color palette — #E8EAE1 · #97BDAC · #0073A6 · #004957 · #00172B

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

The five colors

• Parchment (#E8EAE1): bright and airy, almost weightless.
• Sage (#97BDAC): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#0073A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004957): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00172B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Ancient Cobalt Study color palette (#F1F3EC, #A7D2C4, #4D80B0, #005771, #072041)
• Linen Meadow color palette (#F8EAF1, #82BAD4, #006AB9, #00504E, #202956)
• Softworn Cypress Harbor color palette (#DFDFD3, #6BA9A6, #006569, #003A31, #000E10)
• Petrol Alley color palette (#F1F3EC, #C5E1E3, #77A1C4, #1A7690, #422E44)
• Antique Navy color palette (#EBF0E1, #597C9C, #003A76, #001D2B, #00000A)
• Patina Chestnut Drift color palette (#FFECDB, #A17F57, #7C4600, #4F2300, #170C00)
• Chalky Mulberry color palette (#FFEAE5, #F6BABA, #D58674, #A0316C, #330D14)
• Nightshade Thicket color palette (#FFDBD9, #A14676, #8F4800, #481BBE, #1B000E)

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