Petrol Summit color palette — #E1F3F2 · #85B8DD · #296BA8 · #004C64 · #112D55

A conversation between Slate and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#E1F3F2): bright and airy, almost weightless.
• Sky (#85B8DD): A luminous, dusty blue — the color of deep harbor water.
• Slate (#296BA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#004C64): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#112D55): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Petrol Summit 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

• Muted Petrol color palette (#E4F2EF, #77C0C2, #007682, #00504A, #00343E)
• Washed Cobalt Station color palette (#F6EDDF, #A1CAE8, #5488CA, #00697B, #202B52)
• Antique Courtyard color palette (#E4FBF7, #80DFED, #008EA7, #006666, #04475A)
• Cerulean Pier color palette (#D8ECEA, #3A9CBE, #005070, #002F36, #001626)
• Ancient Ash color palette (#EDF8F7, #D8DBEB, #7F9BC0, #49758C, #485364)
• Pale Periwinkle Chapel color palette (#F8EAF0, #ADD9FA, #7E9FFF, #00918E, #341F58)
• Gentle Field color palette (#D3FBF3, #8FD49C, #28AC8A, #4F6418, #163C38)
• Misty Olive color palette (#E6F5DB, #4A7B00, #006C6F, #6F4000, #002620)

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