Petrol Ridge color palette — #FFF0F9 · #54C8E9 · #0075B0 · #00574E · #122D6C
Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Cyan (#54C8E9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0075B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00574E): A full-bodied, dusty teal — the color of shallow lagoons.
- Navy (#122D6C): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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 Cobalt color palette (#FBEDF5, #6FCAE5, #0075C3, #005342, #120650)
- Weathered Thicket color palette (#FFF0FA, #00D2CE, #007B8F, #005933, #003751)
- Antique Bloom color palette (#EDF9EB, #77BEFF, #4560D7, #005460, #362268)
- Cornflower Harbor color palette (#FFF2EB, #7ADAF8, #1090F0, #00755E, #272375)
- Ancient Denim color palette (#EADBE2, #4EABCF, #005A97, #003E3B, #121C40)
- Dusty Sky Ridge color palette (#FBF4E9, #9CE6FF, #27B7FB, #009799, #003460)
- Softworn Cerulean Loft color palette (#FCF2F6, #BCE2FF, #6A8BBE, #2B6D71, #3D4762)
- Hushed Navy Pier color palette (#F6E4EA, #4387B7, #113387, #002225, #090027)
Browse the whole catalog at Explore, or see today's palette.