Petrol Ridge color palette — #F1F5FB · #DED9E3 · #CABBC7 · #5B759E · #424850

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

The five colors

• Ivory (#F1F5FB): a clean, paper-quiet neutral.
• Silver (#DED9E3): a clean, paper-quiet neutral.
• Stone (#CABBC7): A luminous, dusty pink — the color of neon signs at night.
• Slate (#5B759E): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#424850): 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

• Petrol Study color palette (#F6EFF5, #E4D4D4, #CAB9B6, #64749B, #31292F)
• Driftwood Corridor color palette (#D2F3FF, #A4B3D3, #9D768F, #396B73, #314F62)
• Aged Byzantium Bloom color palette (#F4F4FE, #E8D4DF, #CEB2C7, #8A49A7, #3F3E4A)
• Wandering Quarry color palette (#F0F8F0, #91BAA8, #4D824E, #5D5471, #2D493E)
• Patina Thicket color palette (#F1F5FF, #D2CFE6, #CC94A8, #4C49B0, #293249)
• Muted Indigo Canyon color palette (#E0E4F3, #735EBE, #46253D, #1B1E2E, #0C0C13)
• Dusty Garnet Drift color palette (#EEE9F4, #C3B3C1, #AA8668, #6D2453, #221C28)
• Washed Navy Garden color palette (#E9ECF3, #A7A7BA, #9C6F88, #18238F, #0B1424)

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