Riot Pass $1.95/moFree during preview
#A55800
#0077AC

Ramps

Every shade you will need.

Eleven steps per colour, from 50 (almost white) to 950 (almost black). The hue is held in OKLCH; where a step cannot hold the colour's full strength on screen, it is softened, never shifted. The ring marks the step nearest your own colour.

#A55800

  1. 50#FFF5ED
  2. 100#FFE6D4
  3. 200#FFCCA6
  4. 300#FCA865
  5. 400#DD8B48
  6. 500#BF7029
  7. 600#A05500
  8. 700#804300
  9. 800#613100
  10. 900#442100
  11. 950#2C1300

#0077AC

  1. 50#EFF8FF
  2. 100#D8EFFF
  3. 200#AFDFFF
  4. 300#71C8FF
  5. 400#4EACE4
  6. 500#2E8FC6
  7. 600#0074A7
  8. 700#005C86
  9. 800#004566
  10. 900#002F47
  11. 950#001D2E

Ramps are a starting point, not a rule: check text-on-background pairs from your ramps in the contrast grid before you use them. Screens differ, and printed colour differs from screen colour. RiotPad works in screen colour (sRGB); it does not match paint, ink or fabric colours.