Design Tools
The five-color logo is itself the brand system.
Figma's identity literally is the five colored shapes that compose its F mark — purple, red, orange, blue, green. Each color carries equal weight, and Figma uses them as a vocabulary in marketing illustrations: never tinted, never shaded, always pure. The system rejects hierarchy in favor of plurality.
:root {
--figma-purple: #a259ff;
--figma-red: #f24e1e;
--figma-orange: #ff7262;
--figma-blue: #1abcfe;
--figma-green: #0acf83;
}module.exports = {
theme: {
extend: {
colors: {
"figma-purple": "#a259ff",
"figma-red": "#f24e1e",
"figma-orange": "#ff7262",
"figma-blue": "#1abcfe",
"figma-green": "#0acf83",
},
},
},
};Source: https://www.figma.com/community/file/1158407205937813895 · As of 2026-05-02 · This page is an unofficial reference. Color values are factual sRGB hex codes and not subject to copyright; the Figma name and any associated marks belong to their owner. Use support to request removal.