Riot Pass $1.95/moFree during preview
#12B89A
#DC7AA2

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.

#12B89A

  1. 50#E0FFF5
  2. 100#ABFFE8
  3. 200#6AF3D3
  4. 300#4AD9B9
  5. 400#1BBB9D
  6. 500#009D82
  7. 600#007E69
  8. 700#006453
  9. 800#004B3E
  10. 900#00342A
  11. 950#002119

#DC7AA2

  1. 50#FFF3F7
  2. 100#FFE2EC
  3. 200#FFC5DA
  4. 300#FF99C2
  5. 400#E07DA5
  6. 500#C1628A
  7. 600#A3476F
  8. 700#892F59
  9. 800#701643
  10. 900#54002E
  11. 950#37001D

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.