Petrol Ridge color palette — #E0E4D7 · #78A8CB · #0069B2 · #00475D · #001232
A conversation between Cobalt and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Parchment (#E0E4D7): bright and airy, almost weightless.
- Blue Fog (#78A8CB): A luminous, dusty blue — the color of deep harbor water.
- Cobalt (#0069B2): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#00475D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001232): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Antique Petrol color palette (#EBEDDB, #62AFBB, #007288, #004A4A, #001720)
- Petrol Courtyard color palette (#D9F5F4, #79BFF3, #0069B7, #003B4F, #00020C)
- Washed Nightshade color palette (#ECE2D7, #5B96BF, #0039B2, #002F33, #120937)
- Patina Cornflower color palette (#EADBE0, #62BAF3, #3F7DEF, #006C73, #120340)
- Petrol Archive color palette (#F4F6EE, #B6DFD3, #6D98CE, #0075A0, #233965)
- Washed Lagoon Balcony color palette (#F7F7E3, #8ADCD7, #00A0A5, #007462, #003A41)
- Olive Drift color palette (#DDE6D1, #527300, #006967, #6E3C00, #050900)
- Jade Drift color palette (#E1F1D9, #7DBE86, #00A67C, #4B5E00, #011D02)
Browse the whole catalog at Explore, or see today's palette.