• Shaarli
  • Tag cloud
  • Picture wall
  • Daily
  • RSS
  • Login
4251 shaares
Filters

How we fixed Skyscanner’s broken colour palette | by Adam Wilson | Skyscanner Experience | Medium

QRCode

It all started back in 2019 before I was working at Skyscanner. I remember sitting in a cafe in Budapest reading the latest conversations online about the new brand update.

https://www.linkedin.com/posts/vitalyfriedman_ux-design-activity-7242792350903582723-vntQ

✅ Set your base colors: primary, secondary and UI states.
✅ Define core color pairings and extended pairings.
✅ Choose product-specific colors, gradients, patterns.
✅ 4 color groups: neutral, white text, black text, yellow/orange.
🚫 Avoid poetic names: they are difficult to remember and refer to.

✅ Mix black and grey with primary color for a better design fit.
✅ Choose a night color that is slightly lighter than black.
✅ Your colors will need to appear on different backgrounds.
✅ Create color sets with transparency for such cases.

✅ Create tints based on the color contrast against black.
✅ Create shades based on the color contrast against white.
✅ Test for color contrast, colorweakness, colorblindness early.
✅ Double-check the dark yellow problem in your palette.

https://medium.com/skyscanner-product-design/how-we-fixed-skyscanners-broken-colour-palette-ec25d19167dc
April 2, 2025 at 3:26:01 PM EDT *
colorscheme designsystem
FILLER
Shaarli · The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community · Documentation
Fold Fold all Expand Expand all Are you sure you want to delete this link? Are you sure you want to delete this tag? The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community