Petrol Pier color palette — #E9F5F0 · #EFD6DB · #D8B4BF · #1F749A · #1B2823

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

The five colors

• Cream (#E9F5F0): bright and airy, almost weightless.
• Shell Pink (#EFD6DB): A whisper-light, dusty red — the color of late-summer berries.
• Rosewood Mist (#D8B4BF): A luminous, dusty rose — the color of a warm blush.
• Slate (#1F749A): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#1B2823): 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

• Aged Parlor color palette (#EDF8F5, #EAD8DD, #CAB5C5, #306FA3, #31453F)
• Wandering Denim Meadow color palette (#E2ECE8, #DBC3D2, #BB99A1, #225A82, #0B1915)
• Muted Azure color palette (#EDF6FF, #D9D9E3, #B8ADB6, #5699CB, #293743)
• Hushed Ridge color palette (#FEECF3, #EACBCC, #C7A296, #69449A, #27121C)
• Timeworn Lagoon color palette (#F9EFF1, #DFD5D0, #B0B0A3, #A07582, #3D3336)
• Aged Chapel color palette (#E8DDE6, #C6AAB4, #A68384, #293F7C, #110710)
• Linen Olive color palette (#FFEEE2, #C2A54A, #5A7711, #52436B, #291F00)
• Tempered Market color palette (#D6FCED, #008DC7, #884800, #423900, #1D1800)

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