Petrol Summit color palette — #F9F3F7 · #E0D7D7 · #CEBAB6 · #6471A4 · #50434D
Slate and Charcoal set the tone — five colors that lean into creativity and sophistication.
The five colors
- Ivory (#F9F3F7): bright and airy, almost weightless.
- Silver (#E0D7D7): bright and airy, almost weightless.
- Stone (#CEBAB6): A luminous, dusty orange — the color of autumn markets.
- Slate (#6471A4): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal (#50434D): A deep, shadowed, dusty pink — the color of neon signs at night.
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
- Mulberry Alley color palette (#FDF2F3, #E4D6CF, #D6B3AA, #934991, #52373B)
- Ancient Ash Archive color palette (#F1F5FD, #DDD8E2, #BDADB4, #AC8FAC, #434851)
- Hushed Pewter Thicket color palette (#FFF0F8, #CBAFB6, #9B7A77, #666336, #3C513D)
- Antique Pewter color palette (#F3DEE6, #7C61A6, #46282E, #2E1621, #140B0C)
- Muted Basalt color palette (#F8F5E9, #B1B28E, #557F61, #3D5B82, #464500)
- Peony Canyon color palette (#FFF1F6, #DFDAF5, #B5A7FF, #B35FA8, #4A395E)
- Iris Orchard color palette (#FFF4E2, #8C91D2, #82578B, #604B00, #4F3341)
- Garnet Ridge color palette (#E8DDDB, #C4B5B0, #A38877, #80003F, #2F1815)
Browse the whole catalog at Explore, or see today's palette.