Petrol Corridor color palette — #D5E5D8 · #74AAC7 · #0069B0 · #004951 · #000A41
A conversation between Peacock and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Bone (#D5E5D8): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#74AAC7): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#0069B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004951): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#000A41): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Petrol Delta color palette (#D8E1DA, #5BB1BA, #00728B, #004B41, #001623)
- Petrol Workshop color palette (#F9ECD8, #58C3F8, #006AB2, #003D44, #000112)
- Feathered Workshop color palette (#E7DAE0, #5498BB, #003EA9, #00302C, #150835)
- Frosted Cornflower Harbor color palette (#ECDCCF, #6EBBE2, #4B80DD, #006E65, #16033C)
- Antique Cerulean Drift color palette (#E7F2E9, #A9C9DE, #448DC3, #006B72, #0B2C5B)
- Frosted Azure Study color palette (#EFF8F1, #A8E6F8, #03A9E3, #008380, #09426D)
- Quiet Plum Balcony color palette (#EAD8EF, #B90F59, #4D6500, #004E7D, #160005)
- Weathered Lagoon Market color palette (#F1F7F2, #D1E1F1, #79BECA, #50967F, #3D5665)
Browse the whole catalog at Explore, or see today's palette.