Gumroad. Pink coin on a cream sketchbook.
- Commerce
- Light theme
- 9 colors
- 1 typeface
Gumroad is a warm-cream canvas stamped with a single hand-drawn pink coin motif and an inky geometric sans. The off-white #f4f4f0 background feels like a sketchbook page; black type and black filled buttons land on it with the weight of a marker stroke. Surfaces stay flat — white cards sit on the warm canvas with thin gray hairline borders rather than shadows. Saturated color appears in small, deliberate punctuation: a pink coin mascot, yellow and green accent swatches used as inline color markers, and the occasional red highlight. The tone is informal, creator-first, anti-corporate — typography is tight, tracking pulls negative on display sizes, and the type scale stretches from 14px body up to 192px hero type, all from one family. Components are utility-shaped (4px radii on inputs and buttons, 16–24px on larger cards) and never decorated with gradients or glow.

Gumroad design system
Brand1
Brand mascot coin fills, decorative accents, and the single chromatic signature of the product
Accent3
Accent swatches and small punctuation marks — never backgrounds of full components
Accent swatches used alongside yellow as a paired color-marker system
Accent swatch for the third color in the marker trio; reserved for emphasis only
Neutrals5
Dark supporting neutral for text, icons, and strong contrast. Do not promote it to the primary CTA color
Secondary text and input borders; reads as a softened black when true black would feel too harsh against cream
Card and button borders, dividers, and ghost-button outlines
Page background, input fills, and the warm base layer every other surface sits on
Card and product-tile surfaces elevated above the cream canvas
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Ink Black on Coin Pink
10.41 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7











