Weathered Petrol Courtyard color palette — #ECF4F1 · #E6D5DA · #CDB8C6 · #0074A3 · #162923

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

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#E6D5DA): bright and airy, almost weightless.
• Stone (#CDB8C6): A luminous, dusty pink — the color of neon signs at night.
• Slate (#0074A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#162923): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Weathered 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

• Dusty Cobalt Archive color palette (#F6F0F4, #DED4D3, #CDB7B1, #696DB0, #34282F)
• Petrol Lantern color palette (#F0F6FA, #DAD8ED, #B7B9DA, #007597, #35424A)
• Worn Denim color palette (#E0ECE9, #D1C8CF, #B89AAA, #005892, #031B15)
• Cypress Veranda color palette (#EFF3EE, #C8DCD8, #A4C9B7, #007C75, #1B2919)
• Ancient Alley color palette (#EFF7F4, #E4D3CE, #B9BDAE, #009FD4, #1F3C30)
• Antique Cypress Meadow color palette (#F1F4E5, #76B79E, #007C73, #005567, #00281C)
• Weathered Coast color palette (#D0E0F2, #A5A5D7, #8C6E99, #704800, #322F00)
• Sapphire Delta color palette (#F9E7F7, #2C5FDC, #29214E, #030D2D, #000503)

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