Video Games

Roll20 Color Codes

Roll20 works in a magenta pink, hex #E10085, on white or dark. The Roll20 color codes in Hex, RGB and CMYK can be found below. Riley Dutton and two partners funded it on Kickstarter in 2012 as a browser-based virtual tabletop for Dungeons & Dragons and other pen-and-paper games, with maps, dice and character sheets in one place. Its nearest peer on this site is CurseForge.

The Roll20 logo, shown for identification. Roll20 is a trademark of its owner and this site is not affiliated with it.

Primary colors

What are Roll20 Primary Colors?

Roll20's primary color is #E10085. Every value on this page is derived from it.

Roll20 publishes brand assets; the value shown matches its stated pink.

Roll20 Primary

Hex	#E10085
RGB	225, 0, 133
HSL	hsl(325, 100%, 44%)
CMYK	0%, 100%, 41%, 12%converted · approximate
Pantone	PMS 225 Cnearest match · not published by the brand

Roll20 Hex Color Codes

Roll20 hex color codes are #E10085 for primary.

Color	Hex
Primary	#E10085

Roll20 RGB Color Codes

Roll20 RGB color codes are 225, 0, 133 for primary. Reach for RGB when a tool wants channel numbers or a CSS alpha value.

Color	RGB
Primary	rgb(225, 0, 133)

Roll20 HSL Color Codes

Roll20 HSL color codes are 325, 100%, 44% for primary. Change the third value for a lighter or darker version without moving the hue.

Color	HSL
Primary	hsl(325, 100%, 44%)

Roll20 CMYK Color Code

Roll20 CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.

Color	CMYK
Primary	0%, 100%, 41%, 12%

Roll20 Pantone Color Codes

Roll20 Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.

Color	Nearest Pantone
Primary	PMS 225 C

Logo

Roll20 Logo Colors

Roll20 logo colors are one magenta pink for the wordmark and the d20 mark.

Roll20 Logo Colors Palette

What the Roll20 Logo Colors Mean?

The Roll20 pink is a bright magenta that stands apart from the browns and golds of most tabletop branding, signaling a modern, screen-first take on a hobby built around paper and physical dice. The mark is a twenty-sided die, the d20 that the name refers to.

Roll20 Logo Color History

Roll20 logo color history has held the magenta since the Kickstarter, with the die mark and wordmark refined but not recolored.

Roll20 Logo Fonts

Roll20 logo fonts are a custom bold sans, rounded and even. A geometric rounded sans like Montserrat is the closest match.

Roll20 Logo JPG

Roll20 logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.

Download JPG Trademark of its owner, shown for identification.

Roll20 Logo PNG

Roll20 logo in PNG, with a transparent background. Use it over a colored surface.

Download PNG Trademark of its owner, shown for identification.

Roll20 Logo WebP

Roll20 logo in WebP. Same transparency as the PNG at about a third of the file size.

Download WEBP Trademark of its owner, shown for identification.

Roll20 Color Code Shades

Roll20 color code shades step evenly from the primary toward black, for hover states, borders and shadows.

These are interface steps, not Roll20 paint or trim names.

In code

Using the Roll20 palette

CSS custom properties

:root {
  --roll20-primary: #E10085;
}

Contrast against white

Primary	4.63:1AA ✓

Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.