Petrol Pier color palette — #EAF5F0 · #EBD6DB · #D7B4C4 · #0074A2 · #1A2923

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

The five colors

• Cream (#EAF5F0): bright and airy, almost weightless.
• Silver (#EBD6DB): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#D7B4C4): A luminous, dusty rose — the color of strawberry cream.
• Slate (#0074A2): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#1A2923): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Softworn Petrol color palette (#EBF9F4, #EED9E0, #CCB3C8, #0F70AC, #30453F)
• Muted Indigo color palette (#F9EEF4, #E9D1CC, #DAB4B5, #6360AC, #2D2128)
• Dusty Atelier color palette (#E2ECE9, #D6C6D1, #BE97A5, #005891, #061A15)
• Tempered Cypress color palette (#EEF3ED, #C6DDDB, #A4C8BE, #007C75, #1E281C)
• Dusty Azure Terrace color palette (#EFF6FD, #D8D9E4, #B6ADB7, #4B98D5, #293744)
• Aged Meadow color palette (#CBE5EF, #99ACD7, #8D659D, #4F5C13, #05371B)
• Olive Basin color palette (#FFEFDF, #BCA65B, #637400, #394A77, #2C1E00)
• Timeworn Navy color palette (#E6DEE4, #BEAEB5, #A88288, #26398D, #120610)

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