Petrol Meadow color palette — #EDF6FF · #88B6DA · #BD84A8 · #3C78A4 · #534761

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

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Sky (#88B6DA): A luminous, dusty blue — the color of open sky before noon.
• Dusty Rose (#BD84A8): A luminous, balanced pink — the color of a candy shop window.
• Slate (#3C78A4): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#534761): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Petrol Meadow 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 Cobalt color palette (#F2F5FF, #AFA9D9, #C6867C, #7267AB, #5E4359)
• Ancient Azure Garden color palette (#EEF6FF, #6E9CCB, #9C7BAA, #3C857B, #344454)
• Worn Cerulean Veranda color palette (#EEF6FF, #D9D8E3, #C0A6AB, #6F8BA5, #434C5A)
• Muted Workshop color palette (#E8F3FF, #91B8DA, #C68E66, #1677B8, #452535)
• Hushed Petrol Summit color palette (#EBF7FF, #7EBAD1, #8EA170, #277D99, #2F564B)
• Cobalt Pier color palette (#EEF6FF, #A6C7F2, #5E7EAD, #34537A, #203855)
• Azure Garden color palette (#EBF9F4, #A1C9ED, #DCA37D, #3093DC, #524C47)
• Nightshade Study color palette (#E7EEFF, #7F86D0, #008C7E, #4845AD, #003F38)

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