Dribbble Inspired Color Palette

Hot pink paired with clean white and subtle gray captures Dribbble's creative community spirit. This designer-friendly palette shines in portfolio platforms, design tool UIs, and creative community sites.

#EA4C89

Magenta

RGB(234, 76, 137)

HSL(337, 79%, 61%)

#F06292

Pale Magenta

RGB(240, 98, 146)

HSL(340, 83%, 66%)

#FFFFFF

White

RGB(255, 255, 255)

HSL(0, 0%, 100%)

#F5F5F5

White

RGB(245, 245, 245)

HSL(0, 0%, 96%)

#9E9E9E

Silver

RGB(158, 158, 158)

HSL(0, 0%, 62%)

#333333

Charcoal

RGB(51, 51, 51)

HSL(0, 0%, 20%)

lightbulbBest Use Cases

  • checkPortfolio platforms
  • checkDesign tools
  • checkCreative communities

businessIndustries

  • checkDesign
  • checkTechnology
Mood:creative

codeUse in Your Code

CSS Custom Properties

:root {
  --color-1: #EA4C89;
  --color-2: #F06292;
  --color-3: #FFFFFF;
  --color-4: #F5F5F5;
  --color-5: #9E9E9E;
  --color-6: #333333;
}

Tailwind CSS Config

colors: {
  'dribbble-inspired-1': '#EA4C89',
  'dribbble-inspired-2': '#F06292',
  'dribbble-inspired-3': '#FFFFFF',
  'dribbble-inspired-4': '#F5F5F5',
  'dribbble-inspired-5': '#9E9E9E',
  'dribbble-inspired-6': '#333333',
}
dribbblepinkcreativedesigncommunity

Want to Extract Colors from Your Own Images?

Upload any photo and get a custom color palette instantly — free.

Try PaletteAI Free

Related Palettes