Softworn Petrol Pier color palette — #ECF3F9 · #D8D6E0 · #C1B9C6 · #5A7895 · #272D32

Slate and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#ECF3F9): a clean, paper-quiet neutral.
• Silver (#D8D6E0): bright and airy, almost weightless.
• Ash (#C1B9C6): A luminous, dusty violet — the color of wild irises.
• Slate (#5A7895): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#272D32): a grounded near-black with real depth.

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

Use it as a design system

One click turns Softworn 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

• Muted Market color palette (#F2F1F9, #E3D0DB, #C0B2BF, #77577D, #211E2B)
• Ancient Petrol color palette (#EFF7F4, #E0D4CF, #C9B8B3, #4C7A9B, #3F4B47)
• Washed Powder color palette (#E4F2FF, #B8B5E9, #9485A5, #49635B, #1E4138)
• Softworn Navy color palette (#DCE4ED, #989FB4, #7A7897, #00356C, #01040C)
• Hushed Stone Pier color palette (#ECF5EB, #BDB674, #657F48, #4A556D, #192C23)
• Weathered Garnet Lantern color palette (#E5E2ED, #BAAEBF, #9C8597, #64295C, #0C0813)
• Softworn Powder Delta color palette (#ECF2FF, #A3E7FF, #ABBBFF, #BC80AC, #1A1F37)
• Washed Indigo color palette (#E0E8F9, #5B63DE, #302E44, #111621, #03070B)

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