Petrol Summit color palette — #E3ECE5 · #90B9D7 · #326CB2 · #004957 · #080F3C
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Parchment (#E3ECE5): a clean, paper-quiet neutral.
- Sky (#90B9D7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#326CB2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004957): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#080F3C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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 Veranda color palette (#E3ECE4, #8FBCC9, #00788B, #004D3D, #001924)
- Worn Petrol color palette (#F4EDE7, #8DB7D5, #4E64A7, #00504E, #322450)
- Powder Bloom color palette (#D3E7FE, #AFBCFF, #B39AD5, #00627F, #091333)
- Washed Hollow color palette (#EAF6EC, #A1DBE4, #0091B4, #006359, #00283E)
- Wandering Boulevard color palette (#DFEBFC, #5F9BEE, #214FA9, #002753, #000319)
- Tempered Iris Orchard color palette (#FEF1F6, #D7DEFC, #718FD9, #006A66, #22153C)
- Ancient Boulevard color palette (#DAEADD, #5C93A7, #004F75, #002B2D, #000410)
- Mulberry Coast color palette (#D8EBFF, #006CBF, #AC1244, #355800, #000B1C)
Browse the whole catalog at Explore, or see today's palette.