Muted Petrol Courtyard color palette — #E4F3EA · #629C97 · #2A748D · #5D314D · #390D14

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

The five colors

• Cream (#E4F3EA): a clean, paper-quiet neutral.
• Eucalyptus (#629C97): A luminous, dusty teal — the color of glacier melt.
• Teal (#2A748D): A full-bodied, balanced blue — the color of open sky before noon.
• Mulberry (#5D314D): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#390D14): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Navy Harbor color palette (#D0F5E5, #799B7A, #3E7278, #3D3268, #290E2A)
• Cocoa Corridor color palette (#CEECEF, #8CACB7, #4D7790, #683A4C, #341A30)
• Timeworn Denim color palette (#D3E8F1, #7997AE, #505D90, #5A281F, #2F1800)
• Washed Study color palette (#F6ECCF, #95A079, #00748C, #653B26, #432C00)
• Brick Coast color palette (#C6E6F4, #008FA0, #BC3122, #00505A, #2A0100)
• Onyx Meadow color palette (#CCF0F4, #3D6B85, #33426C, #4E0004, #100500)
• Wandering Lagoon color palette (#CDF8EA, #00938E, #00666D, #003D4A, #00151F)
• Antique Cocoa Orchard color palette (#D3FAED, #BECC9B, #6E9A7B, #83373A, #3D2B00)

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