Petrol Summit color palette — #F5F4FF · #DFC9EA · #DDAC84 · #586C9D · #443854

Slate and Sand set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Thistle (#DFC9EA): A whisper-light, dusty violet — the color of wild irises.
• Sand (#DDAC84): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#586C9D): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#443854): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Sophistication. Tagged pastel, 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

• Coral Drift color palette (#EFF6FF, #F2D2EA, #DF9294, #1D748C, #3B4261)
• Worn Iris color palette (#F6F3FF, #F4D0E7, #FFB2AE, #9470BA, #4C3D5E)
• Weathered Pewter Workshop color palette (#FCF1FF, #FFC6AF, #A7AC7C, #7B567D, #50344C)
• Grape Study color palette (#FFEDEE, #F1D0BD, #E6A79F, #7B54A3, #3B1E21)
• Soft Grape color palette (#FFF1F5, #FFB18D, #ABA525, #8249A3, #5E2024)
• Nightshade Coast color palette (#E5E1EF, #DD999B, #BA813F, #4D3F90, #3A102B)
• Aged Bone Cabin color palette (#FEF0FE, #BAECD7, #E8D7D8, #9389AE, #5C4D59)
• Washed Periwinkle Grove color palette (#FFF1F4, #F5D2CE, #E0CD90, #81A0DA, #513337)

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