Guide
Tier list colors
Five ready-to-use colour palettes for S-to-F tiers, with hex codes.
Updated
Colour does a lot of work on a tier list: readers should understand the scale at a glance, before they read a single label. Here are five palettes you can copy, with hex codes for every tier.
1. Classic rainbow (pastel)
The look most people picture when they think “tier list”: warm at the top, cool at the bottom, in soft pastels so the items stay readable.
- S
#FF7F7F - A
#FFBF7F - B
#FFDF7F - C
#FFFF7F - D
#BFFF7F - F
#7FBFFF
2. Gold & jewel (our default)
The palette our tier list maker uses: a gold S tier and muted jewel tones that look great on a dark background.
- S
#D8B56F - A
#C98B6B - B
#9CAF84 - C
#7FA3B8 - D
#9A88B8 - F
#8A7F73
3. Bold & saturated
Strong colours for thumbnails and social posts that need to pop at small sizes.
- S
#E63946 - A
#F4A261 - B
#E9C46A - C
#2A9D8F - D
#457B9D - F
#6D6875
4. Colour-blind friendly
A blue-to-orange scale avoids the red/green pairing that around 1 in 12 men can’t easily tell apart.
- S
#E66100 - A
#F5A35C - B
#FDD9B5 - C
#C6DBEF - D
#6BAED6 - F
#2166AC
5. Monochrome gold
One hue in different strengths — elegant, minimal and naturally accessible.
- S
#F2DCAA - A
#E2C387 - B
#CFA964 - C
#B08A49 - D
#8B6B37 - F
#5F4A28
Tips for choosing tier colours
- Keep a clear direction. Warm-to-cool or light-to-dark tells readers which way is “up”.
- Check contrast. Dark text on light swatches (or the reverse) keeps labels legible.
- Don’t rely on colour alone. The S-to-F letters already carry the meaning — colour is a bonus.
- Match your topic. A Halloween candy list can go orange-to-purple; a sports list can use team colours.
How to change tier colours
In our tier list maker, click the small square swatch beside any tier. Pick one of the preset colours or open the custom picker and paste any hex code from this page. Your colours are saved automatically and appear in your exported PNG.
Try it yourself
Free, no sign-up — rank anything in minutes.