Figma Inspired Color Palette

Vibrant orange-red, purple, blue, and green on clean white reflect Figma's collaborative design spirit. This multi-hued palette suits design tool UIs, creative platforms, and collaborative workspaces.

#F24E1E

Vivid Red

RGB(242, 78, 30)

HSL(14, 89%, 53%)

#A259FF

Pale Violet

RGB(162, 89, 255)

HSL(266, 100%, 67%)

#1ABCFE

Vivid Cyan

RGB(26, 188, 254)

HSL(197, 99%, 55%)

#0ACF83

Vivid Teal

RGB(10, 207, 131)

HSL(157, 91%, 43%)

#FF7262

Pale Red

RGB(255, 114, 98)

HSL(6, 100%, 69%)

#FFFFFF

White

RGB(255, 255, 255)

HSL(0, 0%, 100%)

lightbulbBest Use Cases

  • checkDesign tools
  • checkCreative platforms
  • checkCollaborative workspaces

businessIndustries

  • checkDesign
  • checkTechnology
Mood:collaborative

codeUse in Your Code

CSS Custom Properties

:root {
  --color-1: #F24E1E;
  --color-2: #A259FF;
  --color-3: #1ABCFE;
  --color-4: #0ACF83;
  --color-5: #FF7262;
  --color-6: #FFFFFF;
}

Tailwind CSS Config

colors: {
  'figma-inspired-1': '#F24E1E',
  'figma-inspired-2': '#A259FF',
  'figma-inspired-3': '#1ABCFE',
  'figma-inspired-4': '#0ACF83',
  'figma-inspired-5': '#FF7262',
  'figma-inspired-6': '#FFFFFF',
}
figmadesigncollaborativemulti-colorcreative

Want to Extract Colors from Your Own Images?

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

Try PaletteAI Free

Related Palettes