Petrol Summit color palette — #EEF8F0 · #B8D8F8 · #7A96C8 · #1F7790 · #32375A
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF8F0): a clean, paper-quiet neutral.
- Powder Blue (#B8D8F8): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#7A96C8): A luminous, balanced violet — the color of a velvet chair.
- Teal (#1F7790): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#32375A): 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
- Patina Chapel color palette (#F0F8F1, #B5DBEA, #30A4C3, #007E6E, #123F56)
- Periwinkle Ridge color palette (#FBF4EA, #C5E3F8, #7AA5F4, #007B98, #412238)
- Petrol Grove color palette (#D6E6D9, #61AEC6, #006F9B, #004A4A, #00142B)
- Softworn Corridor color palette (#FEF1F5, #ADC8E3, #6773B1, #005F62, #432F5C)
- Frosted Balcony color palette (#CDEBF5, #42B5EC, #0F89CB, #295FA9, #2C3661)
- Weathered Cerulean Boulevard color palette (#F1F7F2, #DADDEC, #96B3DC, #4E91A3, #46536C)
- Aged Harbor color palette (#D3E7FF, #6196E4, #C66A6E, #538740, #1A2C43)
- Cobalt Coast color palette (#E3F0FF, #63ACF9, #C28832, #2274C0, #4B2F00)
Browse the whole catalog at Explore, or see today's palette.