Muted Petrol color palette — #ECF3F9 · #DBD6E4 · #C5B9C5 · #55789B · #262D34

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

The five colors

• Ivory (#ECF3F9): a clean, paper-quiet neutral.
• Silver (#DBD6E4): bright and airy, almost weightless.
• Stone (#C5B9C5): A luminous, dusty pink — the color of a candy shop window.
• Slate (#55789B): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#262D34): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Balcony color palette (#F1F6FC, #DBD9E3, #C1BDC9, #5A75A1, #424851)
• Pewter Cabin color palette (#F2F0FA, #E3D0D9, #C4B1BC, #7E527F, #211F27)
• Aged Summit color palette (#E5F3FF, #B4BAE1, #908095, #43615A, #1A3A33)
• Pewter Chapel color palette (#FCEDF2, #BBB587, #627E56, #55516C, #172D22)
• Ancient Bloom color palette (#DFE8F2, #9B9EB2, #817597, #013274, #01040D)
• Aged Lagoon color palette (#EBF2FF, #D0D0F0, #B5A2C8, #3A50B2, #121A28)
• Dusty Garnet color palette (#E6E3EB, #BEACC0, #A18492, #632B59, #0C0813)
• Wandering Ridge color palette (#E5ECFF, #6A5FD9, #342C43, #12151F, #03070C)

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