Petrol Courtyard color palette — #E9F4FC · #D4D5E1 · #B4BFD7 · #14749F · #182732

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

The five colors

• Ivory (#E9F4FC): bright and airy, almost weightless.
• Silver (#D4D5E1): bright and airy, almost weightless.
• Ash (#B4BFD7): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#14749F): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#182732): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Denim Grove color palette (#E2EAF3, #C2CCDB, #9DA3B5, #005991, #081725)
• Hushed Petrol Alley color palette (#EDF8F3, #E7D9DC, #D0B3BD, #00749A, #33443C)
• Driftwood Veranda color palette (#F1F1F8, #DAD4DA, #BCABAC, #807EA2, #35353E)
• Teal Alley color palette (#DAFAF6, #66BB9B, #007C72, #005666, #00281B)
• Sapphire Corridor color palette (#D2E2F9, #1D5CE7, #29224C, #041023, #000409)
• Driftwood Canyon color palette (#D0E7FF, #A0A7D0, #9572A1, #674827, #323000)
• Grape Dune color palette (#EFF1FD, #D4D0E7, #B2A4C4, #6F35B0, #16172D)
• Softworn Aubergine Basin color palette (#E8EAF3, #9E9DB4, #7F7694, #392076, #020311)

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