Petrol Summit color palette — #E8F1EA · #88B7DB · #3A68A8 · #004D5D · #202957
Slate and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E8F1EA): a clean, paper-quiet neutral.
- Sky (#88B7DB): A luminous, dusty blue — the color of deep harbor water.
- Slate (#3A68A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#202957): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Petrol Archive color palette (#E6F2E8, #7DBEC2, #007589, #005142, #003346)
- Washed Sapphire color palette (#F3E5EA, #9BB7CF, #4863C0, #004B4A, #1C0639)
- Muted Lilac Atelier color palette (#E0EFFF, #C4CDFF, #AE85D3, #00607F, #1B2E4A)
- Weathered Cerulean Harbor color palette (#EEF8F0, #8CDDEB, #038CB1, #00675F, #024467)
- Ancient Corridor color palette (#D3E7EB, #009CC7, #005E8C, #003D6C, #2F1950)
- Faded Periwinkle Grove color palette (#F4EEE4, #AED9FB, #65A5FF, #008DA7, #212A52)
- Weathered Cornflower color palette (#F8ECE2, #A2D0C1, #657EE0, #006C6C, #342250)
- Denim Atelier color palette (#DAEDDE, #509AB7, #004E78, #002F32, #001330)
Browse the whole catalog at Explore, or see today's palette.