Washed Petrol color palette — #EBF4F3 · #D4D9EB · #82A0BD · #187694 · #24374F

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EBF4F3): a clean, paper-quiet neutral.
• Silver (#D4D9EB): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#82A0BD): A luminous, dusty blue — the color of deep harbor water.
• Teal (#187694): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#24374F): 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 Orchard color palette (#E0ECEA, #8EBBCF, #007792, #004B4D, #001924)
• Dusty Ridge color palette (#E1F4FF, #8CBFDC, #4990BF, #206295, #1F354D)
• Patina Harbor color palette (#E7F4FE, #89BADA, #7DAA75, #137AAB, #003A34)
• Antique Cerulean Field color palette (#EAF3FD, #D7D5E3, #CBA8A7, #6393B9, #333D4E)
• Hushed Atelier color palette (#E7F4FF, #70A2C9, #9B80B3, #158C76, #14293B)
• Ancient Terrace color palette (#F9F4EF, #C8E8EB, #7E9AC9, #3D797F, #604B58)
• Abyss Drift color palette (#E2F3EE, #51818C, #004547, #002019, #000202)
• Hushed Cerulean Bloom color palette (#E8F5F2, #A9D8E9, #0093A5, #00635D, #002A34)

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