Pho's palette is a Photon spectrum-blue brand ramp plus functional ramps, expressed as semantic tokens that resolve light/dark via CSSlight-dark(). Click any swatch to copy its CSS variable.
Scales
Brand · Spectrum Blue
Neutral
Red
Green
Yellow
Semantic tokens
Theme-aware — toggle the theme (sidebar) to watch them shift. Click to copy the utility class.