Worn Petrol Courtyard color palette — #F2F5FF · #F7CAF4 · #D99298 · #4D70A5 · #413D57

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

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Thistle (#F7CAF4): A whisper-light, dusty pink — the color of peonies in June.
• Rosewood Mist (#D99298): A luminous, balanced red — the color of late-summer berries.
• Slate (#4D70A5): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#413D57): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Worn 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 Pewter Cabin color palette (#F7F3FF, #F5D6C9, #CDA581, #6E5F8E, #4D3D53)
• Antique Mallow color palette (#ECF7FF, #CEDCFF, #D4A2D9, #24757A, #30415B)
• Hushed Iris color palette (#F3F4FF, #EFD2FB, #E3B5DA, #817BC4, #41405C)
• Washed Indigo Lantern color palette (#FFECF3, #FACCE4, #D8A3D1, #665DB0, #3C1A28)
• Faded Rust Parlor color palette (#DBDDF9, #CD9CBD, #C16367, #324581, #2F163B)
• Softworn Thicket color palette (#FEE6FF, #EAB189, #A89653, #7B4467, #492417)
• Washed Grove color palette (#FFF0F7, #ECD4CE, #F4B99F, #7AAAD9, #50353D)
• Powdered Aubergine Balcony color palette (#EDDBF9, #D9806F, #936700, #4D1051, #230007)

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