Weathered Petrol color palette — #DCEDEC · #99B7D3 · #356DAB · #004761 · #00113D

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

The five colors

• Frost (#DCEDEC): a clean, paper-quiet neutral.
• Ash (#99B7D3): A luminous, dusty blue — the color of deep harbor water.
• Slate (#356DAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#004761): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#00113D): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered 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 Meadow color palette (#E0ECEA, #94BAC8, #007989, #004C48, #001A21)
• Aged Summit color palette (#F6EDE4, #8AB7DC, #3D61BD, #004E57, #2C284D)
• Ancient Cornflower Thicket color palette (#ECF0E5, #9ECAEF, #1D86EE, #00668A, #182D52)
• Timeworn Cerulean Loft color palette (#E3F7F4, #A8D8ED, #0091B1, #006264, #002939)
• Lagoon Quarry color palette (#D5E1DF, #458487, #00444C, #001F1D, #000202)
• Faded Sapphire Boulevard color palette (#EEE1F2, #B85E79, #3160D6, #84003F, #000245)
• Chestnut Coast color palette (#D8E9D9, #9A8352, #724D00, #482900, #130E00)
• Pale Aubergine Meadow color palette (#EFD5EE, #AE4147, #775900, #6E1D8D, #1E0002)

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