Worn Petrol Pier color palette — #F5ECE7 · #90BDA6 · #2069B3 · #005143 · #272756

A conversation between Royal Blue and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5ECE7): bright and airy, almost weightless.
• Mint Leaf (#90BDA6): A luminous, dusty teal — the color of sea glass.
• Royal Blue (#2069B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005143): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#272756): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Faded Basin color palette (#FFF2EB, #6CC6DF, #0072B9, #005843, #22207D)
• Tempered Lagoon color palette (#FAEBE7, #80BFB9, #00748B, #0F5406, #003052)
• Cobalt Ridge color palette (#FDF3EC, #AFCDC0, #5B78AD, #006059, #3B3459)
• Dusty Petrol Corridor color palette (#E4EBE5, #81BED3, #0073A5, #004B4C, #001630)
• Misty Villa color palette (#F7EBE0, #7EA3C2, #3D4CA8, #003E3F, #290A49)
• Chalky Lagoon color palette (#DFF1EB, #00A099, #006E7E, #003F63, #311A53)
• Patina Villa color palette (#FEF2EF, #BCD7B8, #008EAA, #116C10, #004270)
• Antique Denim color palette (#CBEBFF, #4996CC, #005B99, #003146, #00192A)

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