Colours

LightDark

Palette

  • Red for blood
  • Dark red variant
  • Tuned red
  • Signal red
  • Sand
  • Orange
  • Old gold
  • Drip yellow
  • Every green
  • Yellow
  • Chartreuse
  • Apple green
  • Metal green
  • Hysteric blue
  • Winning blue
  • Sharp blue
  • Purple
  • Pink

Inks

  • White
  • Egg
  • Light grey
  • Slate light
  • Darker grey
  • Stealth
  • Slate dark
  • Ink
  • Black
  • Slate

Using the colours

Section titled “Using the colours”

Every colour here is a token: --one-<colour> and --one-<colour>-pastel (--one-apple-green, --one-purple-pastel), each written light-dark(light, dark), plus --one-zenith-blue and --one-comfortable-green for the two named pastels. They live in palette.css (DS1/1-root/palette.css), which one.css imports and Sync 1’s root and tokens exports copy, so components and page content share the same palette. light-dark() follows the page’s color-scheme, which one.css sets. palette.css is written from DS1/1-root/palette.ts by vp exec tsx scripts/write-palette-css.ts; never edit them by hand.