Petrol Corridor color palette — #D7FFF5 · #B3E5FF · #3EB1D1 · #0073A2 · #002C60
Slate and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D7FFF5): A whisper-light, dusty teal — the color of glacier melt.
- Powder Blue (#B3E5FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#3EB1D1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#0073A2): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#002C60): 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 Lantern color palette (#D1FFF5, #00BCC3, #008098, #03567B, #10386D)
- Chalky Sapphire Courtyard color palette (#E4FAFF, #CBDCFA, #6DA0DC, #4961C8, #371D71)
- Dusty Orchard color palette (#E3FFD6, #9DEDE0, #4DBDA1, #007570, #003B42)
- Hushed Cerulean Courtyard color palette (#CFFAF8, #0096A6, #005976, #00233F, #00000C)
- Linen Aqua color palette (#DFFFE0, #92E7D6, #0DC7E6, #568ACE, #3B3676)
- Muted Pier color palette (#DDFCFF, #47D2FF, #0086C1, #004193, #12004F)
- Inked Thicket color palette (#CCEAF5, #0082CA, #003795, #0A0030, #020007)
- Weathered Mint Chapel color palette (#C9FAC2, #42CCBD, #008CA5, #15477F, #23124F)
Browse the whole catalog at Explore, or see today's palette.