Petrol Summit color palette — #EFF7F7 · #D7DBEC · #7C9DBE · #237998 · #43546A

Slate and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D7DBEC): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7C9DBE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#237998): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#43546A): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Washed Hollow color palette (#F8EFF2, #D9D0E3, #849CCB, #2F777F, #2E354B)
• Hushed Denim color palette (#DEECEB, #82A3BD, #005C92, #003C4C, #001F41)
• Weathered Powder Ridge color palette (#F9F4EF, #CBE8EB, #96B1E5, #519299, #604C57)
• Timeworn Pier color palette (#E6F9FF, #A6D8E9, #359499, #005A5E, #004144)
• Antique Cobalt color palette (#E5F9FF, #4EA9A7, #678AC4, #668142, #2A4850)
• Worn Lagoon Chapel color palette (#DEEBE8, #579D9F, #00545D, #00302C, #00171D)
• Cypress Coast color palette (#E7F9FC, #7DBFAF, #B59352, #008572, #38553D)
• Wandering Mallow color palette (#F4F6EE, #C1E0F3, #DABADD, #81AE9A, #5F4B5E)

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