Muted Petrol color palette — #E6FBF3 · #72A6CB · #BC773B · #006CA1 · #5E3817

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

The five colors

• Ivory (#E6FBF3): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#72A6CB): A luminous, dusty blue — the color of open sky before noon.
• Caramel (#BC773B): A luminous, balanced gold — the color of old brass.
• Peacock (#006CA1): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5E3817): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

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

• Ultramarine Bloom color palette (#FFF0FA, #8C9CDA, #A38631, #4C5BB6, #524000)
• Chalky Parlor color palette (#ECFAEC, #49B2B3, #BE6D85, #007476, #5F3340)
• Timeworn Bronze Parlor color palette (#FEF0FF, #508CCB, #B1651F, #8B5F00, #442F47)
• Antique Peony color palette (#E7F4FF, #65ABE1, #C568A6, #006AA4, #3B1930)
• Linen Blush Cabin color palette (#E4FBF4, #76BEFD, #DC82BC, #2F86C9, #5A344C)
• Cornflower Drift color palette (#FBD7FA, #3380F2, #896C00, #0048A5, #3A2C00)
• Weathered Chestnut color palette (#FDF4E2, #AFA882, #7D7344, #704807, #3E4100)
• Apricot Bloom color palette (#EDF6FF, #9AD3FF, #FBA76C, #69A5D3, #593547)

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