Washed Petrol color palette — #ECF3F7 · #D2D6E0 · #A8BAC9 · #007184 · #14232A

A conversation between Teal and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF3F7): a clean, paper-quiet neutral.
• Silver (#D2D6E0): bright and airy, almost weightless.
• Ash (#A8BAC9): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007184): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#14232A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Washed Cypress color palette (#F0F7F2, #CADEDF, #BDAEBB, #236F7A, #343D36)
• Ancient Cerulean Workshop color palette (#EFF6FA, #D8DBE5, #C0ACAA, #279AA9, #223137)
• Indigo Chapel color palette (#EFF1FB, #DCD2E2, #BEB9E3, #7059AE, #222430)
• Softworn Ultramarine color palette (#EAF3FE, #C6D4EF, #A5A7D1, #0651C2, #0F1A29)
• Shadow Petrol Market color palette (#D1E6F9, #006BA2, #0C2544, #020E19, #000205)
• Weathered Pewter color palette (#DDE8F8, #9DA8D3, #7B709C, #633849, #3B253D)
• Pine Dune color palette (#E6F6F3, #7CAE88, #007850, #005347, #002220)
• Wandering Abyss color palette (#E9F1F7, #A5B6C4, #7690AB, #004B62, #000C16)

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