Petrol Courtyard color palette — #ECF4EE · #CBDDDB · #ADC2C3 · #3A808C · #272E29

Slate and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#ECF4EE): a clean, paper-quiet neutral.
• Silver (#CBDDDB): bright and airy, almost weightless.
• Stone (#ADC2C3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#3A808C): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#272E29): quiet, heavy and certain.

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

• Driftwood Balcony color palette (#EBF4F1, #DDD0CF, #A59A90, #658C80, #303836)
• Pewter Parlor color palette (#F6EFF6, #E6D4D7, #CDB8BA, #876986, #302930)
• Worn Parlor color palette (#F3F3E2, #9BBE99, #49845C, #4E5A43, #272913)
• Timeworn Abyss color palette (#D6E4DC, #89A89B, #5A8679, #003D4D, #000603)
• Dusty Denim color palette (#E9F5F0, #B7DED2, #92AED2, #006389, #081F17)
• Worn Quarry color palette (#DAF2E8, #007EB1, #0F3931, #0A1914, #030705)
• Turquoise Parlor color palette (#EFF5DD, #00ADD5, #32709F, #563863, #0E291E)
• Hazy Meadow color palette (#E1F9EC, #8DF4FF, #35CAFA, #5C96D1, #03281C)

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