Softworn Petrol Pier color palette — #EFF6FB · #D9D8E2 · #B1B2C0 · #226C8C · #2F3D46

Peacock and Charcoal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FB): bright and airy, almost weightless.
• Silver (#D9D8E2): a clean, paper-quiet neutral.
• Ash (#B1B2C0): a calm mid-gray that lets other colors speak.
• Peacock (#226C8C): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#2F3D46): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Weathered Petrol color palette (#ECF4F1, #E0D4D7, #C4B0BD, #006C9B, #11251E)
• Weathered Nightshade color palette (#F0F5FF, #D1D1E1, #AEA1B8, #4550A5, #27324B)
• Driftwood Courtyard color palette (#F2F5FC, #DED8DE, #B4A9A3, #7580A6, #50525A)
• Abyss Balcony color palette (#BFF5FA, #8BAABB, #6C7490, #2F645F, #145242)
• Softworn Denim color palette (#E4EDF5, #B3B9C6, #8D8BA3, #004970, #12212D)
• Timeworn Cypress color palette (#E7FAF3, #76A889, #12716D, #334D69, #183C3B)
• Patina Turquoise Chapel color palette (#F0F7F4, #E6D8DB, #D8BCB8, #4FACD4, #303E38)
• Weathered Aubergine color palette (#ECEDF5, #9C97A7, #7A6B7B, #350868, #060717)

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