Petrol Summit color palette — #EBF4F3 · #D4D9ED · #75A1C9 · #31748D · #293748
A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EBF4F3): a clean, paper-quiet neutral.
- Silver (#D4D9ED): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#75A1C9): A luminous, dusty blue — the color of deep harbor water.
- Slate (#31748D): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Teal (#293748): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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 Denim Quarry color palette (#E4EFEE, #73A3C0, #005D92, #003746, #000B1D)
- Aged Lilac Summit color palette (#E9F3FF, #779FD1, #A979B2, #278982, #1B2838)
- Washed Jade Orchard color palette (#E8F4FD, #83BBDD, #78AD66, #267AA4, #0B3933)
- Petrol Studio color palette (#DCEDEB, #85BECA, #007792, #004B4D, #001924)
- Washed Cypress color palette (#FBF4EE, #C2F0F3, #849ABF, #3C7A7F, #624A59)
- Ash Grove color palette (#E9F3FF, #D8D5E2, #B1ACA2, #7895B2, #363F4C)
- Cerulean Bloom color palette (#E5F6F3, #9EDDE1, #0093A5, #00635D, #002A34)
- Washed Cobalt color palette (#E9F3FF, #B5D3FE, #5782C0, #2E4F7B, #0B1E37)
Browse the whole catalog at Explore, or see today's palette.