Weathered Petrol color palette — #E3F5FF · #77BFD6 · #CA878D · #227D95 · #3F2741

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

The five colors

• Frost (#E3F5FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#77BFD6): A luminous, dusty blue — the color of deep harbor water.
• Dusty Rose (#CA878D): A luminous, balanced red — the color of a theater curtain.
• Slate (#227D95): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#3F2741): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Washed Petrol Atelier color palette (#EBF8FD, #7BBCC6, #CB8378, #00828E, #60415B)
• Petrol Workshop color palette (#EBF2FF, #9DB3E3, #C39062, #5970A6, #462533)
• Taupe Loft color palette (#E7F5F3, #94C193, #C9859E, #507F50, #392A42)
• Ancient Turquoise Boulevard color palette (#E2F5FF, #4BABC2, #B97B6F, #A46559, #132B36)
• Tempered Garden color palette (#EBFAEF, #95D0D9, #DE9E98, #009EB0, #77391E)
• Softworn Pewter Delta color palette (#FFECF3, #A9C3B0, #9B7785, #6A4D65, #19322A)
• Worn Dune color palette (#DFF7FE, #D7D9E8, #D0B9D7, #6A9593, #2F414B)
• Softworn Terrace color palette (#EAF3FF, #7FA3E8, #979045, #4062A6, #00301E)

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