Petrol Market color palette — #C0E6F1 · #0077A4 · #20466B · #3E194D · #2D1029
A conversation between Cerulean and Royal Purple, giving this palette its sense of trust and stability.
The five colors
- Powder Blue (#C0E6F1): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#0077A4): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#20466B): A deep, shadowed, dusty blue — the color of deep harbor water.
- Royal Purple (#3E194D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#2D1029): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged vintage, retro, muted, cool.
Use it as a design system
One click turns Petrol Market 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 (#D1E3F2, #4D74B5, #3F4283, #441338, #330300)
- Weathered Lagoon Workshop color palette (#C7EAE0, #009193, #00515E, #202C4B, #2A0E2A)
- Tempered Courtyard color palette (#D5F7F7, #1E748E, #2D496C, #400216, #130300)
- Ancient Petrol Hollow color palette (#CFECF5, #007C9C, #003F56, #002034, #07081E)
- Wandering Iris color palette (#E0E7F4, #8D8FDC, #725C95, #543C5A, #47242F)
- Aged Lantern color palette (#DDF0EE, #3493B6, #3B6193, #65212B, #301100)
- Sunlit Forest color palette (#DFEDF6, #006695, #155C04, #00304A, #021500)
- Antique Station color palette (#DFF1F0, #4298CA, #004D7D, #002E3B, #00132E)
Browse the whole catalog at Explore, or see today's palette.