Petrol Summit color palette — #FFF0F9 · #BF8972 · #4697A2 · #35789F · #523A48

Slate takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Caramel (#BF8972): A luminous, dusty orange — the color of sun-warmed clay.
• Cerulean (#4697A2): A luminous, balanced blue — the color of deep harbor water.
• Slate (#35789F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#523A48): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, 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

• Tempered Cobalt color palette (#EAFAED, #B19456, #5393B0, #4F71AC, #344838)
• Softworn Lagoon color palette (#FFEEE5, #CF8773, #56A073, #6B74A9, #34231A)
• Washed Jade color palette (#FFF0FA, #E09F8D, #68B988, #848EC6, #4F3C49)
• Pine Boulevard color palette (#FFF0FE, #C18686, #73965A, #338A50, #4F3A4E)
• Muted Bronze Bloom color palette (#CFF7D8, #A07900, #00818E, #2F5E8A, #3F2D00)
• Washed Chestnut color palette (#EAFAEF, #A4BFB6, #648B73, #775538, #2F4E4D)
• Driftwood Archive color palette (#FFF0FD, #C7E9EE, #A6D1DB, #A27698, #614E56)
• Weathered Powder color palette (#FFF2ED, #FFAEAC, #7AC9F1, #92A7CE, #48403E)

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