Petrol Summit color palette — #EFF2F8 · #DAD5DD · #C6B8C7 · #6C6FA4 · #272C37
A conversation between Slate and Stone, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#EFF2F8): bright and airy, almost weightless.
- Silver (#DAD5DD): a clean, paper-quiet neutral.
- Stone (#C6B8C7): A luminous, dusty pink — the color of a candy shop window.
- Slate (#6C6FA4): A full-bodied, balanced violet — the color of wild irises.
- Onyx (#272C37): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Sophistication. Tagged scandi, muted, light.
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 Ridge color palette (#F9F3F7, #E2D8D6, #D1BBAF, #66729B, #4F444C)
- Timeworn Cabin color palette (#E9EDFF, #BFBBD1, #927E9A, #555E34, #003A38)
- Worn Plum color palette (#F3F0F8, #E0D2D9, #D0B5D0, #9B468A, #282133)
- Softworn Pewter color palette (#E1E1F1, #8862A6, #342C42, #141324, #05060D)
- Tempered Iris color palette (#F2F5FB, #E0D9E2, #BEB7AD, #8A99DF, #393F4B)
- Aged Lagoon color palette (#EAF5F1, #92BDB7, #418564, #3F547E, #102D2A)
- Pewter Pier color palette (#E4F8E8, #9993D0, #8C538A, #524600, #1F1E3D)
- Tempered Peony Parlor color palette (#F0F1FE, #C9DAFF, #CEADFF, #C967A0, #311737)
Browse the whole catalog at Explore, or see today's palette.