Petrol Courtyard color palette — #F5F4FD · #C5A3CE · #A4884B · #007687 · #403E5F

Teal takes the lead with Caramel close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F5F4FD): bright and airy, almost weightless.
• Mauve (#C5A3CE): A luminous, dusty pink — the color of neon signs at night.
• Caramel (#A4884B): A luminous, balanced gold — the color of honey in a jar.
• Teal (#007687): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#403E5F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged muted.

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

• Antique Cypress Loft color palette (#F1F5FF, #A3ADE5, #B67C6A, #007C5F, #344261)
• Petrol Parlor color palette (#F9F2FC, #D89EB1, #799761, #4E67A0, #463C5D)
• Washed Lantern color palette (#FFF2EF, #FFB4C0, #78A880, #527558, #492D44)
• Driftwood Alley color palette (#F7F3FF, #DCCDDC, #C8A5B0, #67859A, #474D5D)
• Antique Coast color palette (#FBF2FB, #FFAEB0, #C8A274, #8381AF, #483C58)
• Wandering Bronze color palette (#FFEFFF, #EDB3A2, #CB8C64, #A06C1B, #32573F)
• Airy Olive color palette (#F8EEFA, #CD7888, #697B1F, #005582, #520725)
• Dusty Alley color palette (#FBEDF8, #D3827B, #675159, #42323F, #242026)

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