Weathered Petrol Pier color palette — #FFF1F3 · #E8BAE8 · #C28888 · #377293 · #4D2C3F

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

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Carnation (#E8BAE8): A whisper-light, balanced pink — the color of peonies in June.
• Dusty Rose (#C28888): A luminous, dusty red — the color of late-summer berries.
• Slate (#377293): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#4D2C3F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Timeworn Shell Summit color palette (#FEF2EE, #FFB6B3, #B69363, #6A6395, #502D2E)
• Tempered Meadow color palette (#FFF1F4, #E2BCEA, #C7858B, #8A6135, #4C2D41)
• Ancient Lagoon Courtyard color palette (#FEF1F7, #C9BEF3, #D4998A, #2C9C7B, #583647)
• Washed Taupe color palette (#FFF2ED, #FDB7B4, #BD9060, #6B7036, #373933)
• Softworn Dune color palette (#FFF1F1, #DE92C1, #664D4B, #342728, #150D0E)
• Muted Driftwood color palette (#FFF2EB, #EFA68E, #9E8841, #356A3A, #451B29)
• Hushed Studio color palette (#FFF2F0, #EDD4CE, #E49BA5, #A26769, #7B3D23)
• Softworn Alley color palette (#EFF1FB, #A092C8, #92692B, #005664, #002C3C)

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