ph/components

Color

Click a swatch to copy its hex.

Primary

Accent

Semantic tokens

token light dark backgroundcreamblackforegroundblackwhiteprimarypurpleyellowsecondaryyellowpinkaccentbluepinkborderhairlinehairline

Rules

  • No gray text on cream.
  • Accent text: purple or blue on light, yellow or pink on dark.
  • Selection is yellow.