Washed Petrol color palette — #DEEDEC · #8BB9DF · #316DAC · #004760 · #001339

Slate takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DEEDEC): a clean, paper-quiet neutral.
• Sky (#8BB9DF): A luminous, dusty blue — the color of deep harbor water.
• Slate (#316DAC): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004760): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001339): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. 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 Petrol Grove color palette (#DFECEA, #80C0C4, #007987, #004C47, #001A20)
• Worn Sapphire color palette (#F4EDE6, #91BCAE, #4063B5, #004E56, #2B2555)
• Wandering Cobalt color palette (#ECF0E4, #A6CEC2, #4389D3, #006789, #0E2B5D)
• Petrol Workshop color palette (#EBF4F4, #D6D8EC, #829EC7, #40718E, #29364D)
• Weathered Cerulean Parlor color palette (#D5F0ED, #4695B3, #005071, #002B32, #00050C)
• Soft Bronze color palette (#FFE1EA, #B16E00, #007E5D, #643C00, #00170E)
• Taupe Dune color palette (#DDFAE1, #DDCB85, #AAAD52, #885308, #00220D)
• Feathered Coast color palette (#EBDDCC, #906000, #1C7205, #8B123B, #120800)

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