Petrol Summit color palette — #F5EDE5 · #C3A5C7 · #5C5FA5 · #004F55 · #39214B
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Cream (#F5EDE5): a clean, paper-quiet neutral.
- Mauve (#C3A5C7): A luminous, dusty pink — the color of a candy shop window.
- Slate (#5C5FA5): A full-bodied, balanced violet — the color of wild irises.
- Forest (#004F55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#39214B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Worn Petrol color palette (#F8ECE3, #97BBAB, #3766B1, #005048, #2D2456)
- Wandering Sapphire Hollow color palette (#E3ECE4, #96B7D8, #3562CE, #00485C, #100F36)
- Cornflower Quarry color palette (#F5EDE1, #9FC9F3, #5882DE, #006883, #272951)
- Forest Terrace color palette (#FFF2EE, #B3CDB6, #0084AC, #006432, #1F3B62)
- Antique Denim Balcony color palette (#E7DCD7, #62ABB9, #005D8A, #00402B, #0C184C)
- Hushed Grape Bloom color palette (#DDE1C9, #4EA44B, #7136AF, #0A590D, #331851)
- Ancient Quarry color palette (#FAF4F0, #C7E5D5, #688DB7, #007360, #41436A)
- Iris Coast color palette (#E6F3E5, #ADD9FF, #889CFF, #009093, #35234D)
Browse the whole catalog at Explore, or see today's palette.