Petrol Courtyard color palette — #EDF2F8 · #D8D6E0 · #C2B8C7 · #52799E · #242D36

A conversation between Slate and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF2F8): bright and airy, almost weightless.
• Silver (#D8D6E0): bright and airy, almost weightless.
• Ash (#C2B8C7): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#52799E): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#242D36): 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

• Softworn Cobalt color palette (#F1F6FB, #DAD9E2, #C1BCD0, #4976B0, #424850)
• Dusty Pewter color palette (#F2F0F9, #DED2D9, #C1B1BF, #7E5280, #211F28)
• Worn Cypress color palette (#E7F4FF, #ADB7D2, #8F849E, #416A65, #1A3D39)
• Patina Atelier color palette (#EBF5EB, #91BFA8, #4C8175, #495471, #122E21)
• Hushed Indigo Canyon color palette (#D9DFED, #656AC1, #302E43, #111621, #03070D)
• Dusty Basin color palette (#EBF2FF, #D0D2E3, #AEA5C9, #3D52AB, #0D1931)
• Worn Cerulean color palette (#EFF7F5, #DED4D1, #A6A194, #5E94C9, #3A4C47)
• Timeworn Navy Balcony color palette (#DBE2ED, #9B9FAE, #7B788F, #00307A, #00040F)

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