Petrol Ridge color palette — #DBEDF4 · #417490 · #3D325A · #241C00 · #001406

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

The five colors

• Frost (#DBEDF4): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#417490): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#3D325A): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#241C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001406): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.

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

• Dusty Basalt color palette (#CDE8FF, #646091, #5A2C4F, #032802, #001812)
• Hushed Quarry color palette (#D5E6F4, #7778BC, #8A4D7E, #474740, #0C1700)
• Shadow Atelier color palette (#FBDFEA, #70537F, #5B1250, #340900, #090200)
• Worn Navy Coast color palette (#E9D9DE, #67849F, #132A98, #002226, #0B0027)
• Worn Violet Lantern color palette (#E1E7FD, #8D69AF, #6F3B73, #542421, #1D0700)
• Washed Cocoa Villa color palette (#DDDEEC, #906F92, #6F3535, #003631, #001E2C)
• Charred Summit color palette (#F3E1E7, #6C5C1E, #262F00, #06074A, #080600)
• Shadow Ultramarine Workshop color palette (#D9E5F7, #4948B6, #460075, #230027, #0F0002)

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