Petrol Pier color palette — #FEF1F7 · #DCAB8B · #40A6A3 · #4B64A8 · #2B2130

Built around Slate, softened by Turquoise — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Sand (#DCAB8B): A luminous, dusty gold — the color of old brass.
• Turquoise (#40A6A3): A luminous, balanced teal — the color of sea glass.
• Slate (#4B64A8): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#2B2130): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Petrol Villa color palette (#F9F3FA, #F0AFB4, #5CA16E, #037B9E, #252436)
• Antique Petrol Loft color palette (#F0F8F1, #E4C88E, #63AB8F, #3E6E9E, #4C2B47)
• Aged Pewter Basin color palette (#EDF8F2, #BBB481, #6698C6, #89518F, #301D29)
• Ancient Workshop color palette (#FFF1F6, #E4B282, #67BB8E, #8D84C0, #3E2D33)
• Cobalt Summit color palette (#ECF9EF, #F8D7A5, #9DA970, #3E77AA, #2E4537)
• Aged Boulevard color palette (#EBF9F1, #BAAF76, #445A53, #1D3026, #0C110D)
• Softworn Terrace color palette (#FDEFE4, #BF783C, #3F7093, #2D546F, #21151A)
• Weathered Aubergine color palette (#E8FBE8, #BD8900, #007D96, #6128B1, #2B0005)

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