Petrol Corridor color palette — #F3F7EB · #DAD5E0 · #77AAE5 · #1079A0 · #3E233C

Cerulean and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F3F7EB): bright and airy, almost weightless.
• Silver (#DAD5E0): bright and airy, almost weightless.
• Cornflower (#77AAE5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#1079A0): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#3E233C): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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 Turquoise color palette (#F5F7E9, #D5D8E9, #54B4D5, #007E85, #093729)
• Powder Basin color palette (#F9F4EE, #BBECDD, #88B3F6, #4198B1, #30385C)
• Periwinkle Atelier color palette (#FFF0FE, #6FA6FF, #BF77C2, #218F8E, #271227)
• Weathered Lagoon color palette (#EDF1DC, #61C6E1, #007291, #003D42, #000306)
• Washed Quarry color palette (#E2F7FF, #65CAFF, #0092D9, #015D95, #153150)
• Hushed Cobalt color palette (#EBF5ED, #B5CADE, #597CB4, #00596C, #181D3E)
• Worn Periwinkle Studio color palette (#FFF0FD, #DDD2D9, #B9AFA7, #77A1D0, #483343)
• Cerulean Ridge color palette (#F5F6EB, #B2F2FF, #1BA1C2, #00696C, #002230)

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