Weathered Petrol color palette — #F1F7F2 · #DBDDED · #849ABD · #457689 · #495268

A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#DBDDED): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#849ABD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#457689): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#495268): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Worn Cypress color palette (#F7EFF2, #D9DBEE, #9198CB, #007A81, #33334A)
• Timeworn Cerulean Alley color palette (#F1F7F2, #BFE3EE, #3999A8, #25715B, #2D4C5E)
• Lagoon Dune color palette (#F9F4EF, #CFE4E7, #A4ADE2, #34969C, #694754)
• Worn Workshop color palette (#E7F2E9, #81BBD0, #1D709B, #004F51, #082F54)
• Timeworn Driftwood color palette (#FFF0FE, #E8D7D8, #BAD8BB, #8E799C, #584654)
• Ancient Cerulean color palette (#E4F4E7, #429EA9, #005266, #00302A, #001623)
• Hushed Rust Orchard color palette (#FDF1FD, #D99DA3, #54A9A8, #A55861, #1F5562)
• Coral Terrace color palette (#FFF0FE, #CD7F7F, #6C9763, #5977A7, #4D3B4D)

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