Petrol Summit color palette — #DDECE1 · #549896 · #2A6D9D · #5F2F00 · #2F1400
Slate and Cocoa set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#DDECE1): A whisper-light, dusty teal — the color of shallow lagoons.
- Storm Blue (#549896): A luminous, dusty teal — the color of glacier melt.
- Slate (#2A6D9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#5F2F00): A deep, shadowed, balanced gold — the color of old brass.
- Onyx (#2F1400): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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
- Washed Lagoon color palette (#EAE6D2, #5F9E7B, #237077, #57292F, #3C0E08)
- Patina Petrol color palette (#CBECED, #709CBD, #615CA1, #4A3C00, #281F00)
- Tempered Cocoa Boulevard color palette (#DDE6C7, #8DA58D, #4F7199, #744307, #322E28)
- Hushed Turquoise color palette (#C9EFEE, #2BA7BE, #346F89, #473E64, #4B2E36)
- Lagoon Villa color palette (#E5E5D5, #529F7B, #00635D, #2B4019, #0D1500)
- Chalky Lagoon color palette (#DAF6E8, #007698, #A03600, #713D00, #000F07)
- Navy Studio color palette (#D8F3F2, #326D91, #3B3486, #2E2700, #0F0C00)
- Bronze Workshop color palette (#DDF3E6, #008EAB, #A35200, #004F60, #210B00)
Browse the whole catalog at Explore, or see today's palette.