Home / Guides / Color codes
Reference · 3 min read

Tier list color codes

By Farasat Abbas Naqvi·Updated July 2026

Want the exact colors for your tiers? Here are the standard tier list color codes — hex values for the classic red-to-blue ramp you can copy straight into your board.

Recolor your tiers:
Open the maker

The standard tier color codes

The classic warm-to-cool palette, with hex values:

  • S — Red #ff5d5d
  • A — Orange #ff9a3d
  • B — Yellow #ffd23d
  • C — Green #5fd66b
  • D — Blue #43c5e0
  • F — Indigo #6a8bff

Why these colors

The ramp runs hot to cold so the ranking reads instantly — red signals “top,” blue signals “bottom.” For the full reasoning, see tier list colors and what they mean.

Using them in the maker

Our tier list maker has these built into one-click themes, plus a per-tier color picker if you want to match a brand or a specific palette. You can also rank the colors themselves with the color tier list template.

Make your own palette

Keep the warm-to-cool direction, use a consistent saturation across tiers, and ensure dark text stays readable on bright rows. That keeps a custom palette looking intentional.

FAQ

{{ f.q }}+

{{ f.a }}

Keep reading

Explainer
Tier list colors & meanings →
Template
Color tier list →
FN
About the author
Farasat Abbas Naqvi

Farasat is an engineer who designs websites and builds practical online tools in his spare time. He created Tier List Maker after using other ranking sites that asked for an account, stamped watermarks on downloads, or simply did not work well on a phone. He is not a professional gamer or a self-described tier-list expert — he builds and maintains this site himself, fixes issues, and adds features based on what visitors actually ask for.