Petrol Pier color palette — #E0EBE4 · #9EB5B7 · #B697A0 · #007E99 · #05180E

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

The five colors

• Parchment (#E0EBE4): bright and airy, almost weightless.
• Ash (#9EB5B7): A luminous, dusty blue — the color of open sky before noon.
• Dusty Rose (#B697A0): A luminous, dusty rose — the color of pressed rose petals.
• Cerulean (#007E99): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#05180E): A deep, shadowed, dusty teal — the color of sea glass.

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

• Wandering Cypress Hollow color palette (#E3E9DE, #A0B5AE, #7D9F9A, #008569, #0C1802)
• Denim Lantern color palette (#E3EBE5, #BAB0BC, #AD899D, #005D6B, #08180E)
• Ancient Cobalt color palette (#EDE5EE, #BDAAAE, #B08E8E, #0073CA, #1E0B21)
• Hushed Garden color palette (#DFE9EF, #8FA3B3, #6C7D94, #003D4B, #00050A)
• Worn Chestnut color palette (#D8F0FD, #7C93C7, #7E69B3, #8A4400, #241A00)
• Patina Cabin color palette (#F5EBF2, #DFCECE, #D1B2AB, #788AE6, #372933)
• Washed Violet Orchard color palette (#E9DDE2, #CFBAB6, #BF9F92, #8E5DE8, #2D1722)
• Patina Courtyard color palette (#EFDFC7, #0096C0, #2B55E5, #812000, #000D18)

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