Petrol Corridor color palette — #F6EAF3 · #66C2CB · #007394 · #00523D · #11304B
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F6EAF3): bright and airy, almost weightless.
- Cyan (#66C2CB): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007394): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00523D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#11304B): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Hushed Petrol color palette (#EFE6EE, #79C1CA, #14749E, #004E2E, #01113C)
- Softworn Bloom color palette (#FCF2F8, #88D2E4, #1781B4, #006153, #263B5B)
- Tempered Petrol color palette (#E6F3E5, #85B7E2, #4863AF, #004E58, #2D274F)
- Washed Cabin color palette (#F4EEE3, #A3DFE6, #00B6DC, #009381, #003249)
- Turquoise Bloom color palette (#FAF2F8, #D7D6EB, #66A2C0, #4B777C, #445466)
- Patina Market color palette (#F7E3EF, #3B8CA5, #004066, #00231F, #01032A)
- Seafoam Ridge color palette (#DEFFDC, #55D5C3, #4DADDA, #5C5C0B, #0C393C)
- Nightshade Archive color palette (#DFEDDD, #6194C4, #2A3BA1, #002F36, #17033A)
Browse the whole catalog at Explore, or see today's palette.