Petrol Ridge color palette — #EFE4EB · #65ADC4 · #006CA5 · #004B44 · #010B3F
A conversation between Peacock and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Rose Water (#EFE4EB): bright and airy, almost weightless.
- Cyan (#65ADC4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006CA5): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B44): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#010B3F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Chalky Ultramarine Harbor color palette (#FDE9F1, #71A9CD, #005BDA, #00494E, #11053E)
- Dusty Field color palette (#F7EBF3, #4FB4B0, #007385, #004D2A, #001623)
- Patina Petrol color palette (#F6EDDE, #7FC2D8, #006F9D, #003E3E, #000309)
- Weathered Cobalt color palette (#F8EAE2, #80BACD, #3187D2, #006F59, #0E0145)
- Washed Cerulean Balcony color palette (#E1E5D0, #009FC3, #00516C, #002F35, #001624)
- Azure Coast color palette (#FCF2F7, #B9DAEE, #5A9AD7, #007C78, #2B3A57)
- Ancient Drift color palette (#D5EAE4, #009B86, #006756, #002C26, #000403)
- Washed Azure color palette (#CFFAFA, #50BFC3, #0798F0, #4B6800, #001C19)
Browse the whole catalog at Explore, or see today's palette.