Color

Color tokens define one single color, such as #FFFFFF .

Example Token Payload

This is what the color payload looks like:

                                                        
                                                        
                                                            {
                                                          "id": string
                                                          "name": string
                                                          "description": string
                                                          "tokenType": "Color"
                                                          "origin": ItemOrigin | null
                                                          "value": {
                                                            "hex": string
                                                            "r": int (0-255),
                                                            "g": int (0-255),
                                                            "b": int (0-255),
                                                            "a": int (0-255),
                                                            "referencedToken": Color | null
                                                          }
                                                        }
                                                        
                                                            

Associated functions

You can use the following functions to retrieve color tokens from your design system:

• @ds.allTokens
• @ds.tokensByType (with "Color") attribute
• @ds.tokensByGroupId