How we fixed Skyscanner’s broken colour palette | by Adam Wilson | Skyscanner Experience | Medium
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.