Gallery / Color palette

figma.com color palette

The brand palette extracted from figma.com — primary, accent, neutral, background, and text colors with copy-ready hex codes and one-click export to CSS, Tailwind, and design tokens. Last updated June 11, 2026.

Primary

#fe4d3e

rgb(254, 77, 62)

hsl(5, 99%, 62%)

Accent

#24cb71

rgb(36, 203, 113)

hsl(148, 70%, 47%)

Accent

#00b6ff

rgb(0, 182, 255)

hsl(197, 100%, 50%)

Accent

#e4ff97

rgb(228, 255, 151)

hsl(76, 100%, 80%)

Accent

#fda58e

rgb(253, 165, 142)

hsl(12, 97%, 77%)

Background

#fefefd

rgb(254, 254, 253)

hsl(60, 33%, 99%)

Text

#000000

rgb(0, 0, 0)

hsl(0, 0%, 0%)

Neutral

#d7d8d9

rgb(215, 216, 217)

hsl(210, 3%, 85%)

CSS variables

:root {
  --color-primary: #fe4d3e;
  --color-accent-1: #24cb71;
  --color-accent-2: #00b6ff;
  --color-accent-3: #e4ff97;
  --color-accent-4: #fda58e;
  --color-background: #fefefd;
  --color-text: #000000;
  --color-neutral: #d7d8d9;
}

Tailwind v4

@theme {
  --color-primary: #fe4d3e;
  --color-accent-1: #24cb71;
  --color-accent-2: #00b6ff;
  --color-accent-3: #e4ff97;
  --color-accent-4: #fda58e;
  --color-background: #fefefd;
  --color-text: #000000;
  --color-neutral: #d7d8d9;
}

Want a palette from your own site?

Fetch a palette