Muted Petrol color palette — #CDECD6 · #59A5A7 · #486A98 · #5E391F · #331220

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

The five colors

• Honeydew (#CDECD6): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#59A5A7): A luminous, dusty teal — the color of sea glass.
• Slate (#486A98): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5E391F): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#331220): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Patina Cypress Drift color palette (#D8E7DF, #6AA17B, #007079, #562C31, #261128)
• Wandering Coast color palette (#CAEBEC, #6598BA, #5F60A4, #46390A, #2A2000)
• Cocoa Terrace color palette (#C3E8E6, #7BADBE, #577290, #6C472C, #022D1C)
• Worn Meadow color palette (#C2EDF1, #51AAC4, #427494, #42455F, #3F2841)
• Wandering Cerulean Dune color palette (#E2FBFF, #7DC4E2, #4694CD, #6D4654, #432329)
• Weathered Cobalt color palette (#EFE6EA, #87BCD3, #006EBB, #004B49, #0A1038)
• Sunlit Cerulean Pier color palette (#C5F1EB, #0096A4, #006381, #00395B, #031342)
• Hushed Study color palette (#D5E4EE, #007696, #A23300, #5C4B00, #000D13)

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