Dawn by default, Twilight on request. Each colour is a role declared once for both themes; the values here are read back live from the tokens, with their contrast against the page. Click a swatch to copy its token.
Dawn
Parchment, ink, teal and bronze
Twilight
Indigo, ivory, glowing teal and gold
Ramps
The primitives the roles are chosen from. Components never use them directly.
Parchment
fffaf1f6eee0eee2cbe2cfaecbb1898f8067685a474d4232
Indigo
efeaf5d4cde6b9b1cf8a86a83d3a632a2744191e450b0d26
Teal
d6eef37fe0ee45c9df3fc5dd1b9cbb0e75930a5f7a063f52
Bronze
fbeccbf0c979d9aa5cb8802fa7733486571d6f45184d2f0f
Dusk
fde6dcf6b8a3f0957ce98b6fd0654aa8462c7d2f1c4f1d12
Lilac
efeafdc9bff5a898e68f7fd07563c95a4aa33f347829224f
Game colours
The game’s own meanings, stepped for each theme so they stay readable on parchment and on indigo.
Use Class names in their colour, always beside the class emblem.
Difficulty and schools
52trivial54easy56medium58hard60impossible
PhysicalHolyFireNatureFrostShadowArcane
AllianceHorde
Use Quest levels against yours; recipe skill-ups; spell schools on abilities.
Provenance
Where a fact comes from is part of the fact. Every record, number and claim carries one of these.
Sources<Provenance source='client' />
Forever clientClassic 1.12Seen in ForeverCommunity, in reviewCalculated hereUnverifiedBuild1.60.1.70245
Use Beside the number or record it describes, or once in a record's header when it covers the whole page.
Avoid Hiding the source behind an icon alone: the word is always there.
Charts
Eight hues from the brand, in a fixed order that keeps neighbours apart for colour-blind readers. Checked, not eyeballed: adjacent pairs clear ΔE 8 in both themes. For maps and scatter plots, where any two marks can meet, use three: gold, rose and sky.
Series--wp-viz-1…8
Dawn
Twilight
One series<BarChart />
Stamina by slot
The sample paladin's set
Neck7Neck: 7
Shoulder14Shoulder: 14
Chest16Chest: 16
Wrist8Wrist: 8
Hands11Hands: 11
Waist9Waist: 9
Legs18Legs: 18
Feet8Feet: 8
Finger28Finger: 28
Use One hue, no legend: the title names it. Values at the bar ends, and a table view one click away.
Two series
What the chest slot would change
Gear only, from the client’s numbers.
Thick Obsidian BreastplateAvenger's Breastplate
Strength3823
Agility012
Stamina1624
Intellect024
Use Always a legend; direct labels on the ends; the text stays in ink, the colour stays in the marks.
