Petrol Coast color palette — #EDF2FB · #DBD3EA · #B7BDDE · #5565AC · #1D2535

Slate takes the lead with Sky close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#EDF2FB): bright and airy, almost weightless.
• Silver (#DBD3EA): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#B7BDDE): A luminous, dusty violet — the color of wild irises.
• Slate (#5565AC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Midnight (#1D2535): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Petrol Coast 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 Denim Market color palette (#E5E9F3, #C6CADE, #A0A1B9, #4E4C8B, #111522)
• Cobalt Field color palette (#FBF2F9, #E8D4D4, #CEB4BC, #4A65B4, #473B45)
• Faded Lilac Balcony color palette (#EEF1FF, #C3D1FF, #AA95FF, #9E5FB8, #22153C)
• Weathered Driftwood color palette (#F4F0F7, #E1D4DA, #BAA9A8, #8C7A9B, #38343C)
• Softworn Market color palette (#EBE3FF, #CAA1DE, #99688E, #604156, #09364A)
• Patina Aubergine color palette (#ECE8F9, #A39CAE, #867395, #531B52, #05020F)
• Aged Cabin color palette (#FFEAFD, #9076FF, #7D41A1, #6E1C21, #201437)
• Amethyst Lagoon color palette (#E0E3F5, #840FF3, #341F42, #0C0E20, #020309)

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