Petrol Corridor color palette — #D2E6E3 · #6BADB5 · #008297 · #005D5B · #000B11
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Silver (#D2E6E3): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#6BADB5): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#008297): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005D5B): A full-bodied, dusty teal — the color of shallow lagoons.
- Ink (#000B11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Antique Periwinkle color palette (#CBEBFE, #8FA4D3, #5699E6, #007483, #000C15)
- Weathered Drift color palette (#CFEBF5, #008F9A, #797400, #006068, #070600)
- Patina Denim color palette (#F5EAF2, #629EA4, #00617E, #003D2D, #000A18)
- Soft Cobalt color palette (#DCF3F3, #7DA4CC, #2F72CF, #00577C, #010030)
- Worn Corridor color palette (#D8ECE7, #8DCEC9, #00A6AA, #007F6A, #002529)
- Worn Lagoon color palette (#EBEDDE, #43848C, #004350, #001F1F, #000202)
- Lapis Archive color palette (#D9F4FC, #007C92, #5A52C3, #006B2D, #000203)
- Feathered Archive color palette (#DFF3F1, #A4DCF7, #56AEE2, #008DA5, #003051)
Browse the whole catalog at Explore, or see today's palette.