Riot Pass $1.95/moFree during preview
#CBD1FF
#DFD6A6

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.

#CBD1FF

  1. 50#F5F6FF
  2. 100#E7EAFF
  3. 200#CED4FF
  4. 300#B4BAE7
  5. 400#989ECA
  6. 500#7E82AD
  7. 600#646891
  8. 700#4E5178
  9. 800#393C61
  10. 900#25274A
  11. 950#151637

#DFD6A6

  1. 50#FFF8D2
  2. 100#F6EDBC
  3. 200#E2D9A9
  4. 300#C8BF90
  5. 400#ABA374
  6. 500#90875A
  7. 600#756D40
  8. 700#5E562A
  9. 800#484013
  10. 900#332B00
  11. 950#201B00

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.