Petrol Corridor color palette — #FFF0FA · #51CAE1 · #0075AF · #00583E · #1F2C68

Cerulean takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Cyan (#51CAE1): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0075AF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#00583E): A full-bodied, balanced teal — the color of sea glass.
• Navy (#1F2C68): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Cobalt Field color palette (#FAF2F9, #A2CCDE, #2480B3, #006342, #293B57)
• Frosted Aqua Orchard color palette (#FFF0D9, #14D1F0, #007DA4, #00524E, #001C31)
• Airy Sapphire color palette (#FFF1F6, #84BFEA, #3E5AE8, #005655, #3C1F66)
• Muted Denim Delta color palette (#F1E1EA, #57ACC5, #005A98, #003F31, #171A41)
• Linen Lantern color palette (#E0EDE6, #00A89D, #006C7E, #00465F, #112B6F)
• Muted Fuchsia Meadow color palette (#E9F8FF, #AECEFF, #D87BE9, #007A54, #003F55)
• Tempered Sky Garden color palette (#FFF2EC, #8DEAFF, #2DB7FA, #009A84, #053069)
• Hushed Periwinkle color palette (#FAF3F6, #D7DFF1, #759CC9, #3D7C6D, #495268)

Browse the whole catalog at Explore, or see today's palette.