Worn Petrol Pier color palette — #FFF1F7 · #FFCAF8 · #F09B88 · #1066AE · #210B2D

Cobalt and Melon set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Thistle (#FFCAF8): A whisper-light, balanced pink — the color of neon signs at night.
• Melon (#F09B88): A luminous, balanced orange — the color of toasted spice.
• Cobalt (#1066AE): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#210B2D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Balance. Tagged pastel, 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

• Ancient Indigo Villa color palette (#FFF1F3, #FFD3DC, #EEA66C, #5F63B7, #270506)
• Blush Harbor color palette (#D8FFF4, #E6D1FF, #FF9BB3, #007381, #150F38)
• Powdered Dune color palette (#FFE8EE, #FFBADC, #E28449, #334597, #13000E)
• Pale Meadow color palette (#D3DEFF, #D1A2CF, #C96845, #00568A, #301C3C)
• Muted Alley color palette (#FCE2EC, #CD9CD1, #C7577E, #3A4090, #1D000A)
• Indigo Garden color palette (#DBDDF2, #E9B4C9, #E695AE, #6C71EB, #34173E)
• Iris Meadow color palette (#FFF0FF, #E9DCD8, #FFCE9F, #7A7DEA, #42142B)
• Gentle Bronze color palette (#FFCEE6, #FC9B94, #A68502, #492770, #060001)

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