Colors

Colors are important identifiers that work as a framework and guide to set Knowit apart. The goal is that our audience will immediately think of Knowit when they see our colors, that the colors will support our values, and that they lead to cheerful, pleasant associations.

Our color palette is inspired by warm, organic hues. Try pear, flamingo or sand for decorative elements. What about a harmonic background in forest, melon or clay? Get something to pop using a lollipop color! Here, you will find all the colors you can play around with, as well as information on where and when they should be used and how they can be combined.

When to choose between digital or print colors? Digital colors are only used when viewed on a digital device and print colors are used for printouts.

All colors can be used in saturation between 5 and 100%.

Digital black and white

  • HEX code has been copied
    DIGITAL BLACK
    rgb 51 51 51
    hex #333333
  • HEX code has been copied
    DIGITAL WHITE
    rgb 241 240 237
    hex #F1F0ED

Print black and white

  • HEX code has been copied
    PRINT BLACK
    rgb 0 0 0
    cmyk 0 0 0 100
  • HEX code has been copied
    PRINT WHITE
    rgb 255 255 255
    cmyk 0 0 0 0

Background colors and decorative elements

  • HEX code has been copied
    PEAR
    rgb 183 222 189
    hex #B7DEBD
    cmyk 34 0 34 0
    pms 337 90%
  • HEX code has been copied
    FLAMINGO
    rgb 250 192 177
    hex #FAC0B1
    cmyk 2 30 25 0
    pms 2337
  • HEX code has been copied
    SAND
    rgb 228 225 219
    hex #E4E1DB
    cmyk 11 9 13 0
    pms Warm Grey 1
  • HEX code has been copied
    FOREST
    rgb 75 100 85
    hex #4B6455
    cmyk 67 38 58 28
    pms 5477
  • HEX code has been copied
    MINT
    rgb 219 238 222
    hex #DBEEDE
    cmyk 17 0 16 0
    pms 337 50%
  • HEX code has been copied
    MELON
    rgb 252 223 216
    hex #FCDFD8
    cmyk 0 17 13 0
    pms 2337 50%
  • HEX code has been copied
    PEBBLE
    rgb 241 240 237
    hex #F1F0ED
    cmyk 6 4 6 0
    pms Warm Grey 1 50%
  • HEX code has been copied
    CLAY
    rgb 165 177 170
    hex #A5B1AA
    cmyk 36 20 29 3
    pms 5477 50%

Digital pop color 

  • HEX code has been copied
    DIGITAL LOLLIPOP
    rgb 255 0 255
    hex #FF00FF

Print pop color

  • HEX code has been copied
    PRINT LOLLIPOP
    cmyk 5 75 0 0
  • HEX code has been copied
    PRINT LOLLIPOP SPECIAL
    pms 807

Additional colors for print and illustrations

  • HEX code has been copied
    LEATHER
    rgb 124 54 71
    hex #7C3647
    cmyk 34 78 43 36
    pms 7642
  • HEX code has been copied
    APPLE
    rgb 0 176 85
    hex #00B055
    cmyk 76 0 79 0
    pms 2414

Here’s how to do it


Knowit’s color palette is relatively large and contains many colors. The possibility of toning the colors further expands the palette. The colors can be combined in many different ways and it is important to ensure the right Knowit feel, and that the clarity and contrast effect is sufficient, whatever your application.

Use our lollipop colors with creativity, but also with care. The lollipop colors can be used to make the following pop: a spark, an arrow or a thin line.

Don’t do this

  • Always ensure sufficient contrast and clarity.

  • Do not use colors outside our palette.

  • Avoid gradients.

  • Lollipop colors should not be used as background colors.

  • Do not use a lollipop color as font color.

  • Do not use a lollipop color as font color.

Back to top