Riot Pass $1.95/moFree during preview
#0077AB
#A15A18

2 colours.

Edit on the PadRiot meSwatch card

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.

#0077AB

  1. 50#EFF8FF
  2. 100#D8EFFF
  3. 200#AEDFFF
  4. 300#70C8FF
  5. 400#4EACE3
  6. 500#2E8FC5
  7. 600#0074A7
  8. 700#005C85
  9. 800#004565
  10. 900#002F47
  11. 950#001D2E

#A15A18

  1. 50#FFF5ED
  2. 100#FFE6D4
  3. 200#FFCCA6
  4. 300#F8AA6E
  5. 400#D98D52
  6. 500#BB7235
  7. 600#9E5714
  8. 700#814300
  9. 800#623100
  10. 900#442100
  11. 950#2C1300

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.