Loom

Loom's brand palette, anchored on Loom Purple (#625DF5) — the signature blue-violet that carries the record-spool mark. Loom (acquired by Atlassian in 2023) keeps its own identity color for the async-video product surface. The institutional voice pairs that purple with a clean white canvas and near-black body text on marketing surfaces.

9 swatches 14 light roles 14 dark roles saasproductivityloomasync-videoatlassianpurple

Swatches

loom-purple
#625DF5
Signature blue-violet. Primary brand color — used on the wordmark, the record-spool mark, primary CTAs, and key interactive surfaces.
loom-white
#FFFFFF
Canvas on light surfaces; reversed wordmark fill.
loom-black
#1A1A2E
Near-black body text on light backgrounds — Loom's marketing-page text tone.
loom-canvas-dark
#15152B
Authored dark-mode canvas — deep neutral with a faint purple cast aligned with the brand.
loom-surface-light
#F6F5FB
Authored panel surface for light mode.
loom-surface-dark
#252442
Authored elevated surface on dark mode.
loom-text-secondary
#6B6B7D
Authored secondary text — neutral mid-gray on light canvas.
loom-text-tertiary
#9999A9
Authored tertiary / muted text.
loom-purple-hover
#7E7AF7
Authored softer Loom Purple for hover / active states.

Mode role mappings

Light mode (14 roles)

accent → loom-purple
accent-hover → loom-purple-hover
background → loom-white
error → loom-purple
primary → loom-purple
primary-hover → loom-purple-hover
success → loom-purple
surface → loom-surface-light
surface-elevated → loom-white
text-primary → loom-black
text-secondary → loom-text-secondary
text-tertiary → loom-text-tertiary
warning → loom-purple
warning-hover → loom-purple-hover

Dark mode (14 roles)

accent → loom-purple
accent-hover → loom-purple-hover
background → loom-canvas-dark
error → loom-purple
primary → loom-purple
primary-hover → loom-purple-hover
success → loom-purple
surface → loom-surface-dark
surface-elevated → loom-surface-dark
text-primary → loom-white
text-secondary → loom-text-tertiary
text-tertiary → loom-text-secondary
warning → loom-purple
warning-hover → loom-purple-hover

Provenance

Source
https://www.loom.com/press
License
Proprietary — All Rights Reserved
Attribution
Loom and the Loom logo are trademarks of Loom, Inc. (an Atlassian company). The primary brand color Loom Purple (#625DF5) is documented on Loom's press resources and is independently cross-referenced by the simple-icons brand database, which cites loom.com as the source.
Imported
2026-05-18
Notes
Only Loom Purple (#625DF5) is read directly from Loom's public brand surfaces. Secondary neutrals (mid-grays, dark canvas, hover purple) are authored neutral inversions calibrated to support both modes consistently without fabricating hex values that Loom does not publish.