Figma Brand Color
The official Figma brand color is #F24E1E. Use this exact color code to maintain brand consistency across your designs, websites, and marketing materials.
Figma Color Values
HEX
#F24E1E
RGB
242, 78, 30
HSL
14, 89%, 53%
Figma Tints & Shades
A range of lighter tints and darker shades derived from the Figma base color.
Tint 50%
#FEECE7
Tint 40%
#FBCEC0
Tint 30%
#F9AC95
Tint 20%
#F78E6E
Tint 10%
#F46C43
Base
#F24E1E
Shade 10%
#D43B0C
Shade 20%
#A92F0A
Shade 30%
#822408
Shade 40%
#571805
Shade 50%
#2B0C03
Contrast & Accessibility
Contrast ratio: 3.57:1
Contrast ratio: 5.88:1
Frequently Asked Questions
What is the official Figma color?▾
The official Figma brand color is #F24E1E. In RGB this is rgb(242, 78, 30), and in HSL it is hsl(14, 89%, 53%).
What is the Figma hex code?▾
The Figma hex color code is #F24E1E. You can use this value directly in CSS, design tools like Figma or Sketch, and any application that accepts hex color codes.
Is the Figma color accessible?▾
Against white, the Figma color has a contrast ratio of 3.57:1 (fails WCAG AA). Against black, it has 5.88:1 (passes WCAG AA). Black text on this color is accessible.