Petrol Ridge color palette — #ECF7FF · #007BA7 · #714B00 · #513400 · #282700
Cerulean takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#ECF7FF): bright and airy, almost weightless.
- Cerulean (#007BA7): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#714B00): A full-bodied, balanced gold — the color of old brass.
- Espresso (#513400): A deep, shadowed, dusty gold — the color of honey in a jar.
- Onyx (#282700): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant, 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
- Frosted Cobalt Hollow color palette (#EDF7FF, #0086C6, #8E4000, #3D4500, #0B3414)
- Garnet Atelier color palette (#EAF8FF, #008394, #940020, #5A2800, #002B1C)
- Petrol Archive color palette (#E1FAE5, #00848C, #6D4F00, #2E4500, #00120D)
- Ultramarine Quarry color palette (#F1F5FF, #4151D0, #6E3E00, #532D00, #032426)
- Dusty Denim color palette (#D5EEFF, #005A77, #443A00, #2F2800, #001A12)
- Cocoa Grove color palette (#D8FEFC, #008266, #872C00, #503100, #34192A)
- Weathered Bronze color palette (#E3FAFF, #009F97, #9B6100, #565700, #002B16)
- Grape Cabin color palette (#DAFFEE, #0098CF, #7C3BA7, #494900, #213558)
Browse the whole catalog at Explore, or see today's palette.