Riot Pass $1.95/moFree during preview
#D1758A
#00ACA0

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.

#D1758A

  1. 50#FFF3F5
  2. 100#FFE3E8
  3. 200#FFC6D1
  4. 300#FE9DB2
  5. 400#DF8196
  6. 500#C0667B
  7. 600#A24B61
  8. 700#88344B
  9. 800#6F1C36
  10. 900#560022
  11. 950#390014

#00ACA0

  1. 50#DEFFFA
  2. 100#A4FFF4
  3. 200#6EF1E3
  4. 300#4FD6C9
  5. 400#26B9AC
  6. 500#009B90
  7. 600#007D74
  8. 700#00635C
  9. 800#004B45
  10. 900#00332F
  11. 950#00201D

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.