Weathered Petrol Corridor color palette — #F9F2FC · #D9A2B2 · #5E94B7 · #666CA6 · #252130

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

The five colors

• Ivory (#F9F2FC): a clean, paper-quiet neutral.
• Rosewood Mist (#D9A2B2): A luminous, dusty rose — the color of pressed rose petals.
• Slate Blue (#5E94B7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#666CA6): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#252130): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Weathered Petrol Corridor 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 Boulevard color palette (#F5F3FF, #D8B1E6, #52A8A7, #176F9E, #1E2232)
• Patina Drift color palette (#FDF1F7, #D8A084, #9690C5, #8E588F, #302431)
• Teal Station color palette (#FDF2F5, #E9B67B, #4EC0AE, #8982BB, #412F38)
• Worn Amber color palette (#FBEFE7, #C87946, #3473A6, #48436D, #271619)
• Hazy Mulberry Dune color palette (#EFF8EF, #CA9A4C, #966CA8, #903B61, #2A1121)
• Hushed Petrol Pier color palette (#EAF9F6, #B1D9A5, #51ABA2, #17739D, #2D3755)
• Worn Aubergine color palette (#FFF0F9, #DE7F5E, #5F5DB9, #661678, #17061B)
• Worn Cypress color palette (#E8FBF0, #E6DFA7, #97AB71, #238282, #28473A)

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