Muted Petrol color palette — #F3F4FF · #F1D2E6 · #ECA2D7 · #336CAE · #290B1A

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Thistle (#F1D2E6): A whisper-light, dusty pink — the color of peonies in June.
• Carnation (#ECA2D7): A luminous, balanced pink — the color of peonies in June.
• Slate (#336CAE): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#290B1A): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Creativity, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.

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

• Wisteria Canyon color palette (#FFF0FD, #E9D3EF, #D490EF, #1B74A2, #0A082A)
• Quiet Cabin color palette (#FAE1F5, #E1ACCD, #E98F80, #1988C0, #2B1B47)
• Aged Coral color palette (#FFF0FE, #FFC8DD, #ED948A, #775699, #280A21)
• Tempered Grove color palette (#EEE4FF, #F5B7F7, #E9729C, #4C4C95, #07000C)
• Soft Basin color palette (#E3ECFF, #C3A8E2, #BB6983, #005176, #130430)
• Lilac Meadow color palette (#DAFFEF, #C6DCFF, #A7A5EE, #007D8A, #001A14)
• Frosted Ridge color palette (#E4E9FA, #C4B5E7, #AD6CBF, #30359D, #271D44)
• Weathered Iris Cabin color palette (#FBF1FF, #E9D7D8, #F9BAA7, #917FE3, #381836)

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