Muted Petrol color palette — #FAF3F5 · #DBDDED · #8699BE · #007C90 · #4B516C

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#DBDDED): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#8699BE): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#007C90): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#4B516C): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Worn Powder Orchard color palette (#EFF7F7, #D9DBE9, #91B3E4, #568EAE, #485365)
• Softworn Periwinkle Villa color palette (#F0F3EC, #C2E4EA, #799ED3, #387293, #422F3F)
• Worn Pine color palette (#FBF2F8, #C5E2EB, #3A98AF, #00754A, #2A4B65)
• Washed Archive color palette (#F4ECF1, #90B7CE, #006DAB, #00504A, #1A2B56)
• Aged Pier color palette (#FFF0FB, #C3867B, #449B87, #00849D, #503A4B)
• Muted Cerulean color palette (#EBDFE8, #479EA9, #00516C, #003125, #00142B)
• Plum Corridor color palette (#FAF2FC, #DA9CA9, #4EA7B6, #AA5268, #1B565F)
• Antique Coast color palette (#EEF8EF, #A5BFB1, #6C896F, #7C5236, #354E46)

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