Petrol Summit color palette — #F3F0FD · #B182B0 · #6A8E5F · #0B6886 · #242030

Peacock takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F3F0FD): bright and airy, almost weightless.
• Dusty Rose (#B182B0): A luminous, balanced pink — the color of a candy shop window.
• Fern (#6A8E5F): A luminous, dusty green — the color of new leaves after rain.
• Peacock (#0B6886): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#242030): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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

• Hushed Pier color palette (#F4EFF9, #BD8BA6, #77753B, #00546F, #3C1932)
• Dusty Denim color palette (#FBEEF3, #B78A69, #5A9174, #036591, #301B25)
• Amber Alley color palette (#FEF1F6, #B88355, #5E8D5D, #206E5D, #49373E)
• Teal Meadow color palette (#FFF1F5, #BF99D8, #5AAF89, #51819D, #48383D)
• Nightshade Hollow color palette (#E7F6EA, #9E8245, #008780, #464794, #07200F)
• Misty Terrace color palette (#FFECF3, #B36600, #268020, #005169, #210E00)
• Antique Driftwood color palette (#F5F0F5, #DCD4D4, #A6A9B3, #B06E6B, #3A3439)
• Weathered Delta color palette (#FAECFF, #EAB5AF, #B0795B, #6E4B00, #322D00)

Browse the whole catalog at Explore, or see today's palette.