Petrol Courtyard color palette — #E8EFFA · #D0D7EE · #B4B4D0 · #5C6FA5 · #272E3A

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

The five colors

• Frost (#E8EFFA): bright and airy, almost weightless.
• Powder Blue (#D0D7EE): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#B4B4D0): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#5C6FA5): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#272E3A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Petrol Courtyard 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

• Orchid Courtyard color palette (#F5F3FF, #E3D9F0, #C9B6CF, #9D58A6, #343043)
• Aged Nightshade color palette (#E7EAF6, #C2C2D8, #A79FBC, #6150A5, #1B1E2E)
• Timeworn Iris Studio color palette (#F2ECF1, #DDCFCF, #CCB3AB, #698FE4, #382736)
• Aged Lagoon color palette (#F3F4FD, #DFD7E0, #CCBBC8, #888CB2, #454752)
• Wandering Villa color palette (#DCDDF5, #B598C6, #AB6A8C, #5A582C, #193F3A)
• Misty Indigo Station color palette (#D6E1FE, #7870F5, #A63741, #404800, #00242B)
• Ancient Garnet color palette (#E2DCE9, #AF9DB4, #977D93, #721E55, #0B0710)
• Hushed Pine color palette (#D2ECE0, #8EB268, #3D834A, #37587A, #003129)

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