# Color Palette import

**URL:** <https://community.penpot.app/t/color-palette-import/10453>\
**Category:** Ask the community\
**Tags:** color\
**Created:** [March 23, 2026, 2:53pm UTC](https://community.penpot.app/t/color-palette-import/10453 "2026-03-23T14:53:29Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![janstieler](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/janstieler/32/10175_2.png) [@janstieler](https://community.penpot.app/u/janstieler)\
**Post date:** [March 23, 2026, 2:53pm UTC](https://community.penpot.app/t/color-palette-import/10453/1 "2026-03-23T14:53:29Z")

</div>

Hi,  
I have for an customer his CD Colors as palette in different formats like:

 ![Bildschirmfoto 2026-03-23 um 15.51.40](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/2X/1/169e916cc6b68eda65d374a061788feb6779f0f1.png)  
is there any which I can use to import in Penpot?

Best

---

<div class="post-metadata">

**Author:** ![LauraKalbag](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/laurakalbag/32/5014_2.png) [@LauraKalbag](https://community.penpot.app/u/LauraKalbag)\
**Post date:** [March 23, 2026, 5:07pm UTC](https://community.penpot.app/t/color-palette-import/10453/2 "2026-03-23T17:07:06Z")

</div>

If the JSON format is formatted for design tokens, then you can [import that into Penpot in the Tokens panel](https://help.penpot.app/user-guide/design-systems/design-tokens/#design-tokens-import-export).

If that doesn’t work, you can share the JSON file here, and I can walk you through making that file work for design tokens.

---

<div class="post-metadata">

**Author:** ![janstieler](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/janstieler/32/10175_2.png) [@janstieler](https://community.penpot.app/u/janstieler)\
**Post date:** [March 24, 2026, 12:57pm UTC](https://community.penpot.app/t/color-palette-import/10453/3 "2026-03-24T12:57:51Z")

</div>

Hi,  
thanks for your reply and proposal.  
My json file have this structure:

```auto
{
    "name": "Company Colorplalette",
    "colors": [
        {
            "name": "Black",
            "hex": "#000000",
        },
    ]
}

```

Best

---

<div class="post-metadata">

**Author:** ![LauraKalbag](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/laurakalbag/32/5014_2.png) [@LauraKalbag](https://community.penpot.app/u/LauraKalbag)\
**Post date:** [March 25, 2026, 12:19pm UTC](https://community.penpot.app/t/color-palette-import/10453/4 "2026-03-25T12:19:37Z")

</div>

Great. So Penpot won’t accept that format, but it won’t take much changing to work. The minimum format that Penpot will accept has this structure:

```json
{
    "Company Colorpalette": {
      "Black": {
        "$value": "#000000",
        "$type": "color",
        "$description": ""
      },
      "Purple": {
        "$value": "#8F0177",
        "$type": "color",
        "$description": ""
      }
    },
    "$metadata": {
      "tokenSetOrder": [
        "Company Colorpalette"
      ]
    }
  }

```

This will ensure your color tokens will be imported into a token set named “Company Colorpalette”. (Which you can easily rename later.)

Technically, you could just import the colors formatted without a set and it would still work:

```json
{
  "Black": {
    "$value": "#000000",
    "$type": "color",
    "$description": ""
  },
  "Purple": {
    "$value": "#8F0177",
    "$type": "color",
    "$description": ""
  }
}

```

---

<div class="post-metadata">

**Author:** ![LauraKalbag](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/laurakalbag/32/5014_2.png) [@LauraKalbag](https://community.penpot.app/u/LauraKalbag)\
**Post date:** [April 24, 2026, 12:53pm UTC](https://community.penpot.app/t/color-palette-import/10453/5 "2026-04-24T12:53:01Z")

</div>

I was inspired by this post to write a blog tutorial all about the JSON format:

> **[A practical guide to the design tokens JSON format](https://penpot.app/blog/a-practical-guide-to-the-design-tokens-json-format/)**
>
> Learn about the design tokens JSON file format and how Penpot works with it.

---

<div class="post-metadata">

**Author:** ![janstieler](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/janstieler/32/10175_2.png) [@janstieler](https://community.penpot.app/u/janstieler)\
**Post date:** [April 24, 2026, 1:05pm UTC](https://community.penpot.app/t/color-palette-import/10453/6 "2026-04-24T13:05:37Z")

</div>

Hi,  
that#s really nice. I create actually a plugin which will translate myx Colorslurp JSON to Colorswatches and import them.  
Fot the import to the Tokens I have to wait until 2.14 is ready for selfhosting.