Software & SaaS
Loom Color Codes
Loom's color is violet-blue #625DF5. The Loom color codes in Hex, RGB and CMYK can be found below. Vinay Hiremath, Shahed Khan and Joe Thomas founded it in 2015, first as Opentest and then as Openvid, before settling on Loom. Atlassian bought the company in 2023 for about $975 million.
Primary colors
What are Loom Primary Colors?
Loom's primary color is #625DF5, a violet-blue close to Mixpanel's but a shade deeper.
Loom publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
Loom Violet
| Hex | #625DF5 |
|---|---|
| RGB | 98, 93, 245 |
| HSL | hsl(242, 88%, 66%) |
| CMYK | 60%, 62%, 0%, 4%converted · approximate |
| Pantone | PMS 2736 Cnearest match · not published by the brand |
Loom Hex Color Codes
Loom hex color codes are #625DF5 for violet.
| Color | Hex |
|---|---|
| Violet | #625DF5 |
Loom RGB Color Codes
Loom RGB color codes are 98, 93, 245 for violet. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Violet | rgb(98, 93, 245) |
Loom HSL Color Codes
Loom HSL color codes are 242, 88%, 66% for violet. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Violet | hsl(242, 88%, 66%) |
Loom CMYK Color Code
Loom CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Violet | 60%, 62%, 0%, 4% |
Loom Pantone Color Codes
Loom Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Violet | PMS 2736 C |
Logo
Loom Logo Colors
Loom logo colors are one violet-blue, on a mark built from three interlocking shapes.
Loom Logo Colors Palette
What the Loom Logo Colors Mean?
The Loom logo colors describe weaving, which the name already does. A loom interlaces threads, and the mark is three rounded forms crossing over each other in the same way, standing for a recording that carries a screen, a camera and a voice at once. The company changed its name twice before this one stuck. Violet-blue is the crowded default for developer-adjacent tools, and Loom's #625DF5 is close enough to Mixpanel's #7856FF that the two are easy to confuse at a glance.
Loom Logo JPG
Loom logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Loom Logo PNG
Loom logo in PNG, with a transparent background. Use it over a colored surface.
Loom Logo WebP
Loom logo in WebP. Same transparency as the PNG at about a third of the file size.
Loom Color Code Shades
Loom color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Loom paint or trim names.
In code
Using the Loom palette
CSS custom properties
:root {
--loom-violet: #625DF5;
}Contrast against white
| Violet | 4.77: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.