Wandering Petrol Pier color palette — #E8F8FF · #A2DBF4 · #65A5D7 · #536DA9 · #3E3E71

A conversation between Slate and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E8F8FF): bright and airy, almost weightless.
• Powder Blue (#A2DBF4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#65A5D7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#536DA9): A full-bodied, balanced violet — the color of wild irises.
• Navy (#3E3E71): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged muted, cool.

Use it as a design system

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

• Navy Parlor color palette (#DBFFED, #DFDBE7, #85B4E1, #4E72A5, #233670)
• Pale Navy color palette (#E2FFDC, #A2E9FA, #92C0EB, #7B8BC4, #4B3B71)
• Washed Drift color palette (#EFF6FF, #C1CAFF, #A392D5, #825F99, #5F365B)
• Teal Canyon color palette (#D3FFFE, #98E2CE, #42B3B3, #008297, #135172)
• Tempered Canyon color palette (#EAFAED, #84CAE1, #7293CA, #916057, #374A59)
• Azure Ridge color palette (#EBF3FB, #62A3D2, #4A5970, #2E3943, #1D2225)
• Turquoise Lagoon color palette (#EFF6FA, #D7DAE1, #BFADAD, #65A7B6, #4B5459)
• Timeworn Orchard color palette (#D1E8FF, #9BAFFF, #816CD8, #713D98, #560257)

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