Softworn Petrol Pier color palette — #F1F6FC · #DDD9E3 · #C7BBC9 · #5D759A · #424851

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

The five colors

• Ivory (#F1F6FC): a clean, paper-quiet neutral.
• Silver (#DDD9E3): bright and airy, almost weightless.
• Stone (#C7BBC9): A luminous, dusty pink — the color of a candy shop window.
• Slate (#5D759A): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#424851): a grounded near-black with real depth.

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

• Wandering Pewter color palette (#F4F4FF, #E2D5DE, #C9B4CB, #82549A, #3E3D52)
• Muted Abyss Balcony color palette (#EEF6FF, #A8ADC4, #887E98, #45706B, #305464)
• Dusty Indigo color palette (#E0E4F3, #6F65AF, #342E46, #1B1E2A, #0C0B14)
• Navy Alley color palette (#E0E5EE, #A6A8B7, #817B92, #1D2A80, #0B1324)
• Wandering Garnet Courtyard color palette (#E2DEE6, #C3B3C3, #A18495, #721D53, #231B2B)
• Dusty Peony Lagoon color palette (#F0F5FF, #B5E5FF, #A4B2FF, #BD71A8, #3A3B56)
• Dusty Periwinkle color palette (#E3FCF4, #649BD9, #7B5992, #435520, #313D56)
• Linen Terracotta color palette (#EDF6FF, #528EC0, #934953, #27541E, #00432E)

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