Riot Pass $1.95/moFree during preview
#8C6901
#506CAF

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.

#8C6901

  1. 50#FFF6E3
  2. 100#FFE9BA
  3. 200#F9D27F
  4. 300#DEB866
  5. 400#C19C49
  6. 500#A4802A
  7. 600#886600
  8. 700#6C5000
  9. 800#523C00
  10. 900#392900
  11. 950#241900

#506CAF

  1. 50#F3F7FF
  2. 100#E2EBFF
  3. 200#C5D8FF
  4. 300#9FBDFF
  5. 400#81A0E7
  6. 500#6684C9
  7. 600#4D69AC
  8. 700#385292
  9. 800#233B79
  10. 900#112561
  11. 950#04114C

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.