Type color palette (18 types)
Pokémon Type Colors
Pokémon has no chat color syntax. What it has instead is a fixed palette of 18 type colors, one per element, and that palette is what people are looking for when they build a team planner, a type chart or a fan wiki. The values below are the ones Bulbapedia sets its own type templates to, which makes them the closest thing to a reference set.
CSS custom property
--type-fire: #E62829;Badge background
.type-water { background: #2980EF; }Tailwind arbitrary value
bg-[#3FA129]Every code
Pokémon Type Colors: full list
Click any value to copy it. The hex column is what the game actually renders, so you can match it exactly outside the game.
| Type | Hex | RGB | CSS variable |
|---|---|---|---|
| Normal | #9FA19F | rgb(159, 161, 159) | --type-normal: #9FA19F; |
| Fire | #E62829 | rgb(230, 40, 41) | --type-fire: #E62829; |
| Water | #2980EF | rgb(41, 128, 239) | --type-water: #2980EF; |
| Electric | #FAC000 | rgb(250, 192, 0) | --type-electric: #FAC000; |
| Grass | #3FA129 | rgb(63, 161, 41) | --type-grass: #3FA129; |
| Ice | #3DCEF3 | rgb(61, 206, 243) | --type-ice: #3DCEF3; |
| Fighting | #FF8000 | rgb(255, 128, 0) | --type-fighting: #FF8000; |
| Poison | #9141CB | rgb(145, 65, 203) | --type-poison: #9141CB; |
| Ground | #915121 | rgb(145, 81, 33) | --type-ground: #915121; |
| Flying | #81B9EF | rgb(129, 185, 239) | --type-flying: #81B9EF; |
| Psychic | #EF4179 | rgb(239, 65, 121) | --type-psychic: #EF4179; |
| Bug | #91A119 | rgb(145, 161, 25) | --type-bug: #91A119; |
| Rock | #AFA981 | rgb(175, 169, 129) | --type-rock: #AFA981; |
| Ghost | #704170 | rgb(112, 65, 112) | --type-ghost: #704170; |
| Dragon | #5060E1 | rgb(80, 96, 225) | --type-dragon: #5060E1; |
| Dark | #624D4E | rgb(98, 77, 78) | --type-dark: #624D4E; |
| Steel | #60A1B8 | rgb(96, 161, 184) | --type-steel: #60A1B8; |
| Fairy | #EF70EF | rgb(239, 112, 239) | --type-fairy: #EF70EF; |
Worth knowing
A second palette circulates widely and is not interchangeable with this one. It gives Normal as #A8A878 and Fire as #F08030, and comes from the Pokédex sprites of the Game Boy Advance era rather than from Bulbapedia. Neither is wrong. If you are matching an existing chart, check which set it used before copying from the other.