Petrol Ridge color palette — #ECF3F9 · #D8D7E5 · #C0BACA · #52799B · #252D35

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

The five colors

• Ivory (#ECF3F9): a clean, paper-quiet neutral.
• Silver (#D8D7E5): bright and airy, almost weightless.
• Ash (#C0BACA): A luminous, dusty violet — the color of a velvet chair.
• Slate (#52799B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#252D35): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Petrol Ridge 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

• Aged Petrol color palette (#EFF7F4, #E0D4D0, #C7B8B7, #4C799C, #3E4B47)
• Pewter Boulevard color palette (#F2F0F9, #DED2DA, #BDB3C1, #7B5480, #211F28)
• Softworn Navy Market color palette (#E1EAF6, #98A0B2, #74799C, #03346F, #00040E)
• Wandering Indigo Garden color palette (#D9E1F0, #5968D5, #2C2E48, #101621, #03070C)
• Muted Powder Loft color palette (#EAF3FF, #B1E5FF, #9FB7FF, #A286C4, #1E243A)
• Worn Pewter Station color palette (#E9F6EC, #B7B787, #6A7D4E, #3E596A, #132D22)
• Antique Basalt color palette (#F0EEF7, #B9AEC0, #9B859C, #602E58, #0D0716)
• Dusty Periwinkle color palette (#E2F9E6, #629FE6, #6D6199, #5F3E1E, #192333)

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