Petrol Corridor color palette — #D0E6E8 · #00BEE6 · #0099CE · #006EB4 · #002F74
A conversation between Royal Blue and Cyan, giving this palette its sense of trust and stability.
The five colors
- Silver (#D0E6E8): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#00BEE6): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0099CE): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#006EB4): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#002F74): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Petrol Corridor 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
- Quiet Navy Harbor color palette (#CAE8E2, #00B9C6, #0089BC, #005A9D, #1F1786)
- Patina Harbor color palette (#D6F0F4, #0099B3, #006C94, #003A5F, #001838)
- Patina Grove color palette (#C6EBF8, #37C0FE, #1993FB, #1A64F8, #232179)
- Dusty Navy color palette (#84FFF0, #00D5E5, #0085B5, #0048A0, #1D1B61)
- Gentle Mint Field color palette (#D8EBE6, #00CEBD, #00A5A9, #008293, #003749)
- Periwinkle Boulevard color palette (#DBECFF, #99CBFF, #379FFE, #0068C5, #001836)
- Hushed Lantern color palette (#EEF6FF, #DDD6F3, #E4B3E1, #00B4DA, #063B71)
- Misty Thicket color palette (#D1EDF9, #007EC0, #005BA3, #00169E, #0A0034)
Browse the whole catalog at Explore, or see today's palette.