Petrol Ridge color palette — #ECF7FD · #80CEE3 · #7D74AB · #19798E · #2A2D39
Teal takes the lead with Slate close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#ECF7FD): bright and airy, almost weightless.
- Sky (#80CEE3): A luminous, balanced blue — the color of open sky before noon.
- Slate (#7D74AB): A full-bodied, balanced violet — the color of twilight just after sunset.
- Teal (#19798E): A full-bodied, balanced blue — the color of open sky before noon.
- Onyx (#2A2D39): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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
- Petrol Balcony color palette (#EBF3F7, #8ED0D8, #9474A7, #08818B, #151421)
- Dusty Driftwood color palette (#F1F5FD, #A3C0FC, #A5658E, #556C9D, #302B37)
- Washed Cobalt Coast color palette (#EDF8F8, #81D4B6, #4683B5, #3A7B65, #272F36)
- Washed Drift color palette (#F1F7F2, #93E0E8, #B889B8, #299DA8, #39292B)
- Wandering Periwinkle Pier color palette (#E9FBEC, #69AEE7, #7271A0, #745037, #3C495A)
- Wandering Balcony color palette (#EAF8FF, #8EC0F9, #6F84B6, #5B5484, #633257)
- Softworn Driftwood Grove color palette (#EFF6FC, #D9D9E3, #B5AAAD, #6B859B, #4E5358)
- Cerulean Loft color palette (#EBF7FF, #118FAD, #95596B, #65491C, #273C3C)
Browse the whole catalog at Explore, or see today's palette.