色相(赤・青など)ごとに、50(いちばん明るい)〜900(いちばん暗い)の10段階に並べました。人の目に同じくらいの明るさに見えるよう OKLCH という色の表し方で計算しているので、別の色相でも同じ番号どうしは明るさがそろいます。ボタンは500〜700、背景は50〜100、文字は800〜900あたりが使いやすい目安です。
赤red
朱vermilion
橙orange
黄yellow
黄緑lime
緑green
青緑teal
水色sky
青blue
藍indigo
紫purple
赤紫magenta
グレーgray
あたたかいグレーwarm-gray
つめたいグレーcool-gray