Petrol Summit color palette — #F9EEF4 · #AF7356 · #625D9C · #6A3D68 · #221622
Built around Slate, softened by Mulberry — the whole palette hums with optimism and creativity.
The five colors
- Blush (#F9EEF4): bright and airy, almost weightless.
- Mocha (#AF7356): A luminous, balanced orange — the color of autumn markets.
- Slate (#625D9C): A full-bodied, balanced violet — the color of a velvet chair.
- Mulberry (#6A3D68): A full-bodied, balanced pink — the color of a candy shop window.
- Ink (#221622): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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 Dune color palette (#F7EEF9, #AF6F7C, #3674AB, #463F71, #1F1B27)
- Pewter Archive color palette (#EBF5ED, #AB9057, #885686, #6D303D, #26151E)
- Ancient Moss Summit color palette (#F8F6E7, #7D912C, #705E94, #50436B, #3A322F)
- Tempered Petrol color palette (#E9F5F3, #699465, #00768D, #344F79, #1A1A29)
- Aged Mustard color palette (#ECF9F0, #D7BE6A, #8B8AD0, #8D5662, #271E29)
- Tempered Mulberry color palette (#EBF3FA, #5D8EB7, #8A4C91, #743548, #261920)
- Mulberry Garden color palette (#E7F6EF, #82810A, #8F3A67, #6B1E19, #081609)
- Ancient Study color palette (#F8F6E6, #9EB35E, #399394, #87594A, #39352E)
Browse the whole catalog at Explore, or see today's palette.