Muted Petrol Field color palette — #FDF2F6 · #B9D8F6 · #7C94CC · #007A87 · #393558

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FDF2F6): a clean, paper-quiet neutral.
• Powder Blue (#B9D8F6): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#7C94CC): A luminous, balanced violet — the color of wild irises.
• Teal (#007A87): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#393558): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Muted Petrol Field 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

• Wandering Pine color palette (#FCF2F9, #B6DCE7, #4FA2B9, #008054, #183E57)
• Timeworn Cornflower Pier color palette (#FFF0F8, #8FD6F5, #0090F2, #00726F, #1D2774)
• Washed Cobalt Atelier color palette (#F4F6EE, #ABCEC3, #3E7BBC, #005B7A, #233A61)
• Timeworn Harbor color palette (#FBF2F6, #DADEED, #99B3D7, #519298, #49526A)
• Hushed Petrol color palette (#FAE9F4, #61AEC2, #006E9F, #004B41, #001135)
• Antique Spruce color palette (#E8DBE4, #60A09A, #006471, #003E1D, #000B13)
• Washed Olive Pier color palette (#D6F7EE, #8EB858, #A97FD3, #578102, #42255B)
• Wandering Iris color palette (#C5EFE4, #80A34C, #9973CE, #9B5F94, #05332B)

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