Try โ€‚โ€‰HackMD

Quick guide for importing a coolors palette

Coolors is a great website that allows you to interactively create a beautiful and colourblind friendly colour palette for your project. Here's a quick step by step guide to exporting a palette and importing it into Inkscape.

  1. Go to Coolors and create a palette:

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More โ†’

  2. Click the 'Export' button up in the top right:

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More โ†’

  3. You should be presented with options (see below), select 'SVG':

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More โ†’

  4. Save the palette file (svg) to your computer.

  5. In Inkscape got to the 'File' menu and select 'import'. Import the palette svg that you just saved from Coolors:

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More โ†’

  6. You should now see your colour palette in Inkscape. You can use the colour select tool (highlighted in the below image) to select your colours.

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More โ†’

  7. If you have a shape/text/object selected and then use the colour select tool and click on your colour palette, the selected object will take on that colour.

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More โ†’

That is pretty much all there is to it. Hopefully this was helpful.