Muted Petrol color palette — #EEF6FF · #71A3DB · #B17D48 · #3368A1 · #5B3544

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

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Cornflower (#71A3DB): A luminous, balanced blue — the color of deep harbor water.
• Caramel (#B17D48): A luminous, balanced gold — the color of honey in a jar.
• Peacock (#3368A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5B3544): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Balance. Tagged muted.

Use it as a design system

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

• Amber Dune color palette (#E9F8FF, #4AAFC6, #BF7352, #007286, #5E3726)
• Sunlit Petrol Veranda color palette (#EFF6FF, #7F9EE3, #9C8844, #4662A6, #4F410F)
• Bronze Orchard color palette (#EFF6FF, #608AC3, #A26F2C, #646916, #273950)
• Cobalt Terrace color palette (#EEF6FF, #94BBE8, #D48AAD, #2C82DA, #622E48)
• Chalky Petrol color palette (#E5F6F1, #7CA9D1, #56A067, #0069AA, #083015)
• Softworn Pewter Field color palette (#E8FAF1, #89B1A6, #777544, #3C5A40, #1F4442)
• Wandering Denim color palette (#F1F5FF, #A2B788, #4D4B7A, #232C4B, #1E1A24)
• Wandering Cerulean color palette (#EEF6FF, #DDD9E3, #E1B4DB, #3C8996, #465166)

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