Petrol Corridor color palette — #FBEAF4 · #5CAEC9 · #0068B6 · #004B3D · #0F053F
Built around Cobalt, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Blush (#FBEAF4): A whisper-light, dusty pink — the color of neon signs at night.
- Cyan (#5CAEC9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cobalt (#0068B6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B3D): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#0F053F): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Washed Abyss Alley color palette (#EFE4F0, #45B5B5, #00718E, #004E19, #00142C)
- Indigo Dune color palette (#F0E0E7, #86B8DB, #4D6CD1, #005957, #24153E)
- Petrol Bloom color palette (#F9EBE2, #76C3DD, #006DA8, #003E39, #000015)
- Dusty Coast color palette (#F4EBDC, #009FC3, #004F73, #003031, #00142C)
- Weathered Basin color palette (#F5EBF1, #91D0DF, #008ED8, #006F52, #212A51)
- Azure Canyon color palette (#FBF2F9, #9EEAF3, #00A8E7, #008754, #2B3F65)
- Linen Byzantium color palette (#F5DDF6, #A400AE, #006967, #154A64, #120014)
- Washed Powder Veranda color palette (#FBF3F5, #DBDEED, #9DAFE4, #549391, #4D5069)
Browse the whole catalog at Explore, or see today's palette.