Muted Petrol color palette — #F9F4ED · #C6EAEC · #AA8EAE · #407883 · #5E4C5B

Slate and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Frost (#C6EAEC): A whisper-light, dusty blue — the color of deep harbor water.
• Dusty Rose (#AA8EAE): A luminous, dusty pink — the color of peonies in June.
• Slate (#407883): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#5E4C5B): A full-bodied, dusty pink — the color of a candy shop window.

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

• Cerulean Chapel color palette (#FBF4EA, #B5EAD9, #688CBF, #256C7D, #563F51)
• Hushed Lagoon color palette (#FBF2F6, #DADEED, #98B3DA, #499498, #495268)
• Pewter Chapel color palette (#F9F4ED, #C2EEEA, #77A592, #597858, #33514A)
• Blush Loft color palette (#FFF2EF, #DB728A, #7A9454, #507AA1, #513D38)
• Wandering Stone Chapel color palette (#FFF2EF, #E0D9CF, #B5C6A2, #9D7A7B, #5A4842)
• Mallow Quarry color palette (#FFEAED, #DE97C5, #B26F8E, #84535D, #544E48)
• Worn Blush Dune color palette (#FFF2F0, #E694AD, #59AA96, #985F70, #425337)
• Tempered Atelier color palette (#F7EDDE, #5FC2D1, #007391, #005049, #01324B)

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