Worn Petrol Pier color palette — #FFF1F7 · #FFCFD6 · #E9A083 · #0078AF · #573A5E

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

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Shell Pink (#FFCFD6): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#E9A083): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#0078AF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#573A5E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Balance. Tagged pastel, light, muted.

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

• Blush Grove color palette (#FFF0FD, #E1D7FF, #F99DB3, #008094, #3A3C60)
• Lapis Lantern color palette (#FFF1F4, #EFD3CD, #EF9E48, #5B59CA, #57334F)
• Weathered Denim color palette (#FFE4EF, #EDB7D6, #CD8663, #1F5A9D, #482C4B)
• Tempered Iris Hollow color palette (#FFF1F7, #FED0E3, #FFB2CC, #6E7FDD, #5C3641)
• Worn Thicket color palette (#FFF1F3, #E6D9C9, #E6C98E, #7879BD, #5D4342)
• Timeworn Sky color palette (#F1F5FF, #F8D6DD, #EABFA2, #69B9E5, #513859)
• Ancient Cocoa color palette (#FFF2EE, #E0DBCE, #AAAAB4, #9E7EAD, #773E15)
• Dusty Nightshade color palette (#F6D5DD, #DA99A9, #B27816, #3532A1, #3A0D2F)

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