Petrol Ridge color palette — #CEE7EB · #0095B4 · #0074A4 · #004E7E · #000C3D
Slate takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#CEE7EB): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#0095B4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#0074A4): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#004E7E): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Indigo (#000C3D): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Soft Nightshade color palette (#CFEBF7, #008DD2, #006DBC, #1F379F, #0E003D)
- Softworn Lagoon Thicket color palette (#D5F2E9, #009D98, #007A84, #005969, #001A23)
- Cerulean Study color palette (#D5F8F9, #008BA0, #005B7B, #002449, #02001F)
- Soft Terrace color palette (#D7EAFF, #A8B6FF, #B790E2, #0086A5, #061A40)
- Chalky Azure color palette (#D5EDFF, #2DAAF4, #9D5B00, #00699D, #1B0B00)
- Soft Market color palette (#D2E1EB, #168BF7, #1C54FC, #3F35AF, #150038)
- Airy Cabin color palette (#D9E8FD, #4AA4FF, #036BEE, #00428E, #000208)
- Misty Raspberry color palette (#D8EAFB, #0081D6, #D5005B, #507400, #000814)
Browse the whole catalog at Explore, or see today's palette.