Muted Petrol Pier color palette — #F6EFF6 · #E3D4D6 · #CFB7B6 · #57779E · #312931

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

The five colors

• Blush (#F6EFF6): bright and airy, almost weightless.
• Silver (#E3D4D6): a clean, paper-quiet neutral.
• Stone (#CFB7B6): A luminous, dusty orange — the color of sun-warmed clay.
• Slate (#57779E): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#312931): quiet, heavy and certain.

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

Use it as a design system

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

• Weathered Petrol Thicket color palette (#F0F6FC, #DCD9E3, #C6BBCA, #55789A, #404951)
• Antique Ridge color palette (#F9EFF0, #E0D3CC, #C9B1AB, #7A5777, #281D1E)
• Antique Pewter Drift color palette (#EDF4EE, #CBDDDC, #B1C1C3, #5D7E64, #282E29)
• Washed Driftwood Courtyard color palette (#F8EFF4, #E0D4D2, #B6ACA2, #9B768B, #3A3437)
• Muted Grove color palette (#E1E9FF, #D5B0BF, #A2797D, #7A590D, #32322B)
• Ultramarine Summit color palette (#FAEEF6, #E8CAD8, #BAA0C7, #454EAD, #22151F)
• Weathered Olive color palette (#F9F1E0, #B1B989, #61804B, #3A5E50, #2B2717)
• Navy Basin color palette (#E5DEE4, #AD99A5, #90727D, #112E79, #0A0109)

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