Riot Pass $1.95/moFree during preview
#FF3D7F
#2D55FF
#F2D50F
#12B89A
#121212

Showing the RiotPad demo palette. Make your own on the Pad.

Edit on the PadRiot meSwatch card

Pad

Your palette.

Every colour with every code. Change any colour below, or start again from one seed.

  1. HEX
    #FF3D7F
    RGB
    rgb(255 61 127)
    HSL
    hsl(340 100% 62%)
    OKLCH
    oklch(66.9% 0.230 6.1)
    Name
    nearest CSS: deeppink

    Move → Remove Seed from this

  2. HEX
    #2D55FF
    RGB
    rgb(45 85 255)
    HSL
    hsl(229 100% 59%)
    OKLCH
    oklch(54.1% 0.254 266.5)
    Name
    nearest CSS: royalblue

    ← Move Move → Remove Seed from this

  3. HEX
    #F2D50F
    RGB
    rgb(242 213 15)
    HSL
    hsl(52 90% 50%)
    OKLCH
    oklch(87.1% 0.179 99.1)
    Name
    nearest CSS: gold

    ← Move Move → Remove Seed from this

  4. HEX
    #12B89A
    RGB
    rgb(18 184 154)
    HSL
    hsl(169 82% 40%)
    OKLCH
    oklch(70.0% 0.129 175.1)
    Name
    nearest CSS: lightseagreen

    ← Move Move → Remove Seed from this

  5. HEX
    #121212
    RGB
    rgb(18 18 18)
    HSL
    hsl(0 0% 7%)
    OKLCH
    oklch(18.2% 0.000 0.0)
    Name
    nearest CSS: midnightblue

    ← Move Remove Seed from this

Change the colours

Type 3 or 6 hex digits, or pick. Leave a slot empty to drop it. Two to eight colours.