Petrol Ridge color palette — #D1ECF0 · #007588 · #004B63 · #00243E · #000617
Teal takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D1ECF0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007588): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004B63): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#00243E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000617): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, 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
- Moonless Cypress Loft color palette (#CEF1EA, #006672, #003749, #00162F, #050026)
- Aged Cypress Atelier color palette (#DCEAE1, #007A5D, #005248, #002829, #00080A)
- Navy Veranda color palette (#D5E5EC, #00709E, #004678, #00166B, #03002A)
- Weathered Parlor color palette (#DFF2EA, #0071A2, #844600, #003D59, #0D0400)
- Washed Drift color palette (#E6F1FF, #2F80CD, #00477F, #001A34, #000206)
- Worn Iris color palette (#CEF0E5, #90A3D2, #9477C2, #004E62, #000B29)
- Mulberry Workshop color palette (#D6ECFF, #005D92, #900042, #334400, #000205)
- Nightshade Grove color palette (#E0F3FF, #0071C9, #0029C3, #1A006E, #0B002C)
Browse the whole catalog at Explore, or see today's palette.