If you are maintaining a website, it is a good idea to keep the color scheme (and typography for that matter) separate from your main code base, so you can easily change the colors of your site.

fastn packages are recommended to use ftd.color-scheme type variable instead of hardcoded colors. In your main package, you can then import one of the color schemes and change the colors.

fastn packages are either “regular packages”, regular packages come with ftd components but they do not specify any colors, they just use ftd.color-scheme type variable, and then there are “color-scheme packages”, and these packages do not define any ftd components, but initialise the ftd.color-scheme type variables.

fastn color scheme packages is a good way to distribute your color palettes. There is a color-doc component to document such color schemes. Currently, you can also use $processor$: figma-cs-token to convert ftd.color-scheme type variable to figma token json.