Petrol Summit color palette — #F1F7F2 · #C5DFFA · #758AB2 · #236B82 · #3B4763
Peacock takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Powder Blue (#C5DFFA): A whisper-light, dusty blue — the color of open sky before noon.
- Slate Blue (#758AB2): A luminous, dusty violet — the color of a velvet chair.
- Peacock (#236B82): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal (#3B4763): A deep, shadowed, dusty violet — the color of wild irises.
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
- Softworn Studio color palette (#F7EFF2, #C7DFF8, #7F89C2, #006C70, #282845)
- Lagoon Harbor color palette (#F9F4EF, #C7E2E6, #99A1D3, #008B92, #503E63)
- Weathered Denim color palette (#E2EEE4, #5BACC0, #005F81, #003E3C, #00213A)
- Timeworn Cerulean Lagoon color palette (#EEF8F0, #A4CCDC, #21859F, #006154, #113F57)
- Navy Pier color palette (#D5E3D8, #4B89A8, #003F6A, #002226, #000526)
- Timeworn Lagoon color palette (#D8FFF8, #68975B, #547BB9, #975153, #1B3F3A)
- Driftwood Summit color palette (#E5FBF6, #C0E2F2, #91D8D8, #747D48, #2E5453)
- Tempered Delta color palette (#E4FBF5, #88AD6A, #A375B4, #4A731F, #51365B)
Browse the whole catalog at Explore, or see today's palette.