Petrol Ridge color palette — #EBF3F7 · #D6D8E7 · #C1BACD · #507C8E · #232E32

Built around Slate, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#EBF3F7): bright and airy, almost weightless.
• Silver (#D6D8E7): A whisper-light, dusty violet — the color of wild irises.
• Ash (#C1BACD): A luminous, dusty violet — the color of wild irises.
• Slate (#507C8E): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#232E32): quiet, heavy and certain.

Feels like: 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

• Timeworn Powder Villa color palette (#DBF8FF, #9EBFDF, #7F7EA1, #3F5E4C, #25362C)
• Aged Garden color palette (#DAE9F1, #95A1B1, #74799B, #003D4C, #00050A)
• Tempered Denim Workshop color palette (#EAF3FA, #C6D5EE, #A6A7D0, #006486, #091C28)
• Timeworn Courtyard color palette (#F0F7F2, #D3DCDD, #CEBAB3, #5D9AA8, #404B44)
• Patina Lagoon color palette (#E9F5EE, #9BBF93, #368571, #425869, #152C29)
• Patina Studio color palette (#DEEFFF, #007AC1, #2B2F45, #0C1721, #030709)
• Aubergine Summit color palette (#ECEDF8, #B6B0C1, #9B859C, #4E2E7E, #090A13)
• Turquoise Boulevard color palette (#FFECF2, #00B0C2, #64639E, #5E3F1C, #0C2536)

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