Petrol Summit color palette — #ECF4F3 · #C7E0F6 · #6291C4 · #006789 · #182C4A

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

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Powder Blue (#C7E0F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#6291C4): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006789): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#182C4A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Weathered Station color palette (#ECF4F2, #C3E3EC, #3E9DA4, #006E60, #08313F)
• Muted Denim color palette (#D6E8E5, #63A9B5, #006377, #00393A, #000D14)
• Muted Coast color palette (#FAF4EE, #BCE7D9, #6C89C5, #006F7A, #5A3D4E)
• Cerulean Hollow color palette (#D8E5E3, #42819B, #00415D, #001E24, #000104)
• Petrol Courtyard color palette (#E7F5F3, #70CCD6, #008093, #00524F, #001E27)
• Cerulean Villa color palette (#FAF3F5, #D9D4DE, #A1BBEF, #0093A1, #3D3961)
• Cobalt Study color palette (#DCEDED, #98B7D6, #326AB7, #004764, #04113B)
• Bronze Pier color palette (#FFECF2, #99B499, #946C41, #6B401E, #112916)

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