Muted Petrol color palette — #F1F3EC · #C8DEE1 · #7C9FCA · #347391 · #432E41

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

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#C8DEE1): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7C9FCA): A luminous, dusty blue — the color of open sky before noon.
• Slate (#347391): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#432E41): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, 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

• Ash Terrace color palette (#FAF3F5, #DADDEE, #8298CC, #3B7982, #4C5265)
• Softworn Summit color palette (#F2F2EC, #C8DFDA, #5FA9B7, #007B76, #1C3E2D)
• Denim Hollow color palette (#EBEFE2, #75A2C2, #005B9A, #003748, #000A20)
• Patina Petrol Bloom color palette (#E8EBDD, #87BDCD, #007697, #004A50, #001926)
• Muted Veranda color palette (#EAF6E5, #69AB9F, #6692BB, #75802F, #1F2B1A)
• Tempered Cypress color palette (#ECF5E9, #83C1B6, #B4995C, #008476, #3E2E04)
• Cerulean Field color palette (#F2F3E5, #B5DBBE, #0092AA, #006260, #002A36)
• Washed Alley color palette (#E4E5DB, #368787, #00444A, #00201B, #000202)

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