Visual reference

Website Color Palette

This page contains the website color palette, grouped into light neutrals, grays, blues, status greens, warm tones, and accents.

Light Neutrals

#FFFFFF
#F7FBFD
#E3E8ED
#D7DEE6
#CDD5DF
#BAC6D0

Gray and Shadow

#A2A6B1
#8C919D
#6E7C8D
#5B616F
#444953
#3A3E49
#30343E
#191A1F

Hair Blues and Cyan

#1F3151
#273856
#2F4767
#3E577C
#476D8C
#568CA7
#7FB9CA
#8ABACC

Status Greens

#1F5138
#27563F
#2F674B
#3E7C5D
#478C6A
#56A77F
#7FCAA4
#8ACCAB

Skin and Warm Accents

#E6D9D2
#EDD9D2
#DECECA
#BC4B44
#A33C36
#622D2B
#A09078
#605038

Character system

Characters materials colors

These restrained domain colors identify material tiers and special ascension items without replacing the website's shared dark and light surfaces.

NeutralCurrency and local items#6E7C8D
GreenLow-tier materials#478C6A
BlueMid-tier materials#568CA7
MagentaHigh-tier materials#A85F87
GoldTop-tier materials#B7924C
PurpleCharacter ascension boss materials#806EAA

Character page themes

Character element colors

Each character guide uses one element color consistently across navigation, keywords, priorities, charts, cards, and interactive accents. Contrast and intensity create hierarchy without mixing unrelated element hues.

GlacioCharacter page accent#568CA7
SpectroCharacter page accent#B7924C
HavocCharacter page accent#A85F87
ElectroCharacter page accent#806EAA
AeroCharacter page accent#478C6A
FusionCharacter page accent#BC4B44

Interface roles

Website color usage

The shared shell provides the base surface system. Individual pages use a restrained subset of these accents with coordinated dark and light values.

Cyan and blue: Primary interactions, selected controls, important links, and focused game emphasis.
Navy: Restrained ambient hero and panel structure without applying a gradient to every card.
Warm: Rank and other high-value context outside element-themed character guides.
Red: Destructive actions and important cautionary structure, including Clear All.
Silver and ivory: Neutral emphasis when another saturated accent would add noise.
Domain colors: Character guides use their assigned element color; rarities, material tiers, Sonata art, and trophies retain their gameplay meaning.