Figma logoDeveloper tools

Figma brand colors

Figma's primary brand color is #24CB71 (Medium Sea Green), and its primary typeface is figmaSans. Read from Figma's live CSS on 2026-08-03 - real values, not sampled from a screenshot.

figmaSans

8 colors found · most-used first · click any to copy

Extract any site like this

300 free credits every month. No credit card.

01 / Color

Role colors

The colors Figma assigns to a job, resolved from its own CSS variables and theme declarations - not just the most frequent values.

:root
  --primary: #24cb71;  --accent: #ff7237;  --background: #ffffff;  --text: #000000;

Full palette

02 / Type

Figma font

The families declared across Figma's stylesheets, with the sizes and weights they ship.

Primary

figmaSans

Aa Bb Cc

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Monospace

figmaMono

Size scale

1.125rem1rem1.25rem01em1.375rem2em

Weights

550540320400330530bolder340

All families

figmaSansfigmaMonofigmaSans FallbackfigmaMono Fallback

03 / Form

Spacing and shape

The rhythm underneath the design - the part a screenshot can never give you.

Spacing scale

0
0.5rem
0.25rem
1.5rem
2rem
0rem
0.75rem
1rem
3rem
0.1875rem
0.125rem
0.375rem
2.875rem
2.125rem

Corner radii

0.5rem
624.9375rem
0.25rem
1rem
0.125rem
50%

04 / Scan

What one call measured

The page above shows the highlights. The response carried all of it.

Unique colors
13
Font sizes
23
Spacing values
33
Border radii
12
Shadows
5
CSS rules
798

This page was one request

Swap the URL for any site and the same structure comes back as JSON, CSS variables, a Tailwind theme, or a W3C tokens file.

brand.sh
curl "https://miromiro.app/api/v1/brand?url=https://www.figma.com" \
  -H "Authorization: Bearer mm_live_..."
Get your free API key

300 free credits every month. No credit card.

Other design systems

All 21

Values observed on https://www.figma.com on 2026-08-03. Sites redesign, so treat this as a snapshot of that date. Figma and its brand assets are trademarks of their owner; this page is an independent technical observation of publicly served CSS and is not affiliated with or endorsed by Figma.