Worn Petrol Pier color palette — #FCF1FB · #E5D5D4 · #CFB5B6 · #4669A7 · #493A47

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

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Silver (#E5D5D4): bright and airy, almost weightless.
• Rosewood Mist (#CFB5B6): A luminous, dusty red — the color of late-summer berries.
• Slate (#4669A7): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#493A47): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Patina Petrol color palette (#F0F7F2, #C9DFE2, #CFB2C2, #007888, #36443A)
• Dusty Hollow color palette (#F4EBF2, #DAC6CC, #B19A99, #404F91, #362933)
• Timeworn Sapphire Quarry color palette (#EEF2F8, #D9D4E2, #BCBDD3, #3C5DD8, #1D2533)
• Weathered Driftwood Summit color palette (#FCF3F3, #DFD9D3, #A3AFA6, #9F7578, #5C4F50)
• Ancient Lagoon color palette (#EFF6FF, #DED7E5, #CBABA3, #73A5F4, #354150)
• Cellar Grape color palette (#F8DBE8, #7242D3, #421A36, #25101B, #0E0508)
• Timeworn Atelier color palette (#FFF3E5, #A4A86F, #2D7C36, #684164, #3C3D13)
• Wandering Boulevard color palette (#BEECFF, #A5A3D7, #A6677D, #32684F, #005336)

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