Worn Petrol Courtyard color palette — #FDF2F4 · #B894C6 · #419491 · #2F6D8F · #3F3039

A conversation between Peacock and Mauve, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF2F4): a clean, paper-quiet neutral.
• Mauve (#B894C6): A luminous, balanced pink — the color of neon signs at night.
• Storm Blue (#419491): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#2F6D8F): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#3F3039): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Blush Pier color palette (#FFF2EF, #D1899B, #5C92B7, #636498, #422F31)
• Jade Station color palette (#F7F3FC, #F5A6CF, #69BF88, #7688B5, #393140)
• Worn Teal Hollow color palette (#EDF9F1, #C3B36D, #0DAC90, #357B89, #1D2735)
• Dusty Apricot color palette (#FCF3EC, #DEA277, #8F9155, #42755D, #5C382D)
• Softworn Peony color palette (#FFF1F1, #E140A3, #007FA3, #2E4DB6, #291536)
• Timeworn Taupe color palette (#FBF3EF, #DCD9D2, #AFB5A8, #B39482, #58514D)
• Feathered Cobalt color palette (#FFF2EE, #CC6569, #306DB9, #563F7F, #341416)
• Antique Ridge color palette (#FBF4EC, #A47C45, #5D703D, #00526C, #402B2B)

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