Washed Petrol Study color palette — #ECF3F6 · #D3D5E2 · #ACB8CD · #007183 · #10232C

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

The five colors

• Ivory (#ECF3F6): bright and airy, almost weightless.
• Silver (#D3D5E2): bright and airy, almost weightless.
• Ash (#ACB8CD): A luminous, dusty violet — the color of wild irises.
• Teal (#007183): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#10232C): 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 Study 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 Station color palette (#F0F6FA, #D6D9E2, #9EB7CE, #246D84, #323C42)
• Ultramarine Drift color palette (#EAF3FE, #CFD3E1, #AAA7C8, #0054BC, #091A30)
• Wandering Coast color palette (#F0F7F3, #D1DCDD, #B7B4C0, #0099BA, #25322B)
• Tempered Chapel color palette (#CCE9ED, #86A7BA, #627292, #694517, #1E2C00)
• Eclipse Dune color palette (#D5E2EE, #006AA6, #1A243D, #000D1C, #000305)
• Weathered Lantern color palette (#E7F6EF, #8AAA87, #007759, #0B4F5C, #00221F)
• Abyss Grove color palette (#E1E7EB, #AAB4C0, #848DA6, #004B61, #000C16)
• Washed Amethyst Villa color palette (#EEF1FC, #DED2DF, #C5BACF, #6E52C2, #212432)

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