Muted Petrol color palette — #F6EDE3 · #7AB8ED · #5460AD · #004F52 · #36224F

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

The five colors

• Cream (#F6EDE3): bright and airy, almost weightless.
• Sky (#7AB8ED): A luminous, balanced blue — the color of deep harbor water.
• Slate (#5460AD): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#36224F): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Ancient Station color palette (#FAEBE5, #79BEC7, #00719D, #005332, #182C55)
• Soft Cobalt Orchard color palette (#DBEDED, #92B7DD, #376AB3, #004665, #05103B)
• Soft Pier color palette (#ECF0E6, #A3C9EE, #4F87D3, #00668E, #1B2C54)
• Cobalt Workshop color palette (#FFF2EB, #76DFFA, #0085D1, #006950, #343D64)
• Tempered Cerulean color palette (#FCF3EF, #ADCFAF, #2883A3, #2F5F3A, #4A304B)
• Linen Corridor color palette (#F9EAEE, #B6D7F8, #809EFF, #008EA1, #2F2257)
• Navy Lantern color palette (#FAECE3, #429AC3, #0E439A, #00302C, #150836)
• Worn Study color palette (#C0F3FF, #00A3AA, #006067, #003236, #001A1F)

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