Weathered Petrol Courtyard color palette — #EEF7FB · #D6D8E4 · #A9B4C8 · #007084 · #2F3D44

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

The five colors

• Ivory (#EEF7FB): bright and airy, almost weightless.
• Silver (#D6D8E4): bright and airy, almost weightless.
• Ash (#A9B4C8): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#007084): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#2F3D44): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Softworn Petrol color palette (#EDF4F0, #C8DADB, #A6BDB6, #0F6F8A, #18241D)
• Chestnut Veranda color palette (#CCE8F0, #95B2C7, #6F7B9C, #634E1A, #144A46)
• Abyss Parlor color palette (#E8F0F5, #B1BAC4, #858DA8, #004C63, #0D222E)
• Aged Cypress color palette (#EAF9F3, #74A69F, #007458, #005464, #023F39)
• Softworn Amethyst Field color palette (#F3F5FC, #DFD6E0, #C4B5CF, #734ACB, #3A3E54)
• Ultramarine Market color palette (#EFF6FF, #CDD2E3, #A6A2C5, #0050C3, #21344D)
• Petrol Archive color palette (#DBECFD, #0067A5, #212142, #041524, #02050B)
• Patina Veranda color palette (#EDEEF5, #CEC9D7, #A89BAD, #6B319F, #2B2C3E)

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