Skip to content

fillColor

Glyph/vector fill color, read from Figma’s fills (ADR 013 explains why the name diverges).

Type(s)

TypeExampleSettings
string"#FF6600" (HEX)
"#FF6600FF" (HEXA)
"rgb(255, 102, 0)" (RGB)
"rgba(255, 102, 0, 1)" (RGBA)
"hsla(24, 100%, 50%, 1)" (HSLA)
"hsb(24, 100%, 100%)" (HSB)
"oklch(0.7 0.15 50 / 1)" (OKLCH)
"oklab(0.7 0.1 0.1 / 1)" (OKLAB)
config.format.color
ColorObjectcolorSpace: srgb
components: [1, 0.4, 0]
config.format.color
TokenReference$token: DS.Color.Surface.Muted
$type: color
config.format.token
GradientValuetype: LINEAR
angle: 180
stops: [...]
nullnull

Supported on

ElementFigma Layer(s)
glyphGlyph
vectorsVector, Ellipse, Star, Polygon
lineLine

Rectangles use backgroundColor instead. Text elements use textColor instead.

Source

FormatFile
TypeScriptpackages/schema/types/Styles.ts
JSON Schemapackages/schema/schema/styles.schema.json