Skip to content
ChromaBrew

Dribbble

Reference value (#EA4C89), not official Dribbble brand guidelines. Confirm against their materials before shipping in their identity.

The widely cited anchor color for Dribbble is #EA4C89 — a bright violet tone in the Design & creative sector. It clears AA large text on white at 3.56:1 but not body copy; on dark grounds it passes AA body text on black at 5.89:1.

Use it as a seed, not a rule: open it in the generator to derive scales, accessible text steps, and themes in the same family, and confirm the current value against Dribbble's own materials before shipping anything in their identity. Sector neighbors like Adobe, Figma, Canva make useful comparisons when positioning against competitors.

Sector: Design & creative

Values in every format

HEX
#ea4c89
RGB
rgb(234, 76, 137)
HSL
hsl(337, 79%, 61%)
OKLCH
oklch(0.652 0.199 0.7)
CMYK
cmyk(0%, 67.5%, 41.5%, 8.2%)

Scale derived from the anchor

  1. 50#fff4f7
  2. 100#ffe6ec
  3. 200#ffd0dd
  4. 300#ffb3c9
  5. 400#ff86ad
  6. 500 ★#ea4c89
  7. 600#dc367b
  8. 700#bb1663
  9. 800#98004d
  10. 900#76003a
  11. 950#4c0023

Measured contrast

on white3.56:1 · AA large only
on black5.89:1 · AA normal ✓