Understanding the Brand

Colours

Our nebenan.de colours are bold and confident, and an essential component in recognising it’s us in any context.

Bold & Confident

Core Colours

Our colour palette is anchored in a key set of 3 colours, strategically arranged according to the 60-30-10 colour rule:

  • Knallgreen serves as the primary colour, representing environment, sustainability, vegetation & growth. As the ‘base’ of the nebenan.de brand, this colour is often used as a surface or background colour

  • This is combined with the powerful and vibrant Deep Purple, providing a dark and saturated base tone that carries through our brand, even in situations with little colour. This is often the foreground or object colour

  • Then, an action colour that serves as a Disruptor/Störer: Knallpink. This colour is meant to de-harmonise, stand out in any situation and draw the eye. This means the colour can only be used as a sparse accent, and overuse must be guarded.

Knallgreen Base

For Text

#B5D622 (Click to copy)

Copied to clipboard!

Deep Purple

Primary Text Colour

#201649 (Click to copy)

Copied to clipboard!

Knallpink Base

For Text

#EC7BCB (Click to copy)

Copied to clipboard!

Knallgreen Light

For Backgrounds

#CAE85D (Click to copy)

Copied to clipboard!

Deep Purple Alt

Alt Text Colour

#635C80 (Click to copy)

Copied to clipboard!

Knallpink Light

For Backgrounds

#FF9DE2 (Click to copy)

Copied to clipboard!


Support Colours

A set of highlight colours complements this essential trio:

  • Lavender: A vibrant and cool highlight colour, used for thematic purposes. Also the colour of our Supporters

  • Blue: A calm and unassuming highlight colour, used for thematic purposes. Also used as a theme colour for local business

  • Orange: A warm and bright highlight colour, used for thematic purposes

  • Vanilla: Used only for background or light accents, Vanilla is introduced as a subtle highlight, in situations where an alternative treatment to white is needed. To be used sparsely

Lavender Base

#7C5BFF (Click to copy)

Copied to clipboard!

Lavender Light

#C1B7EA (Click to copy)

Copied to clipboard!

Blue Base

#43ADC3 (Click to copy)

Copied to clipboard!

Blue Light

#98CBD6 (Click to copy)

Copied to clipboard!

Orange Base

#DC8541 (Click to copy)

Copied to clipboard!

Orange Light

#EBAA77 (Click to copy)

Copied to clipboard!

Vanilla Base

#FFF9E5 (Click to copy)

Copied to clipboard!

Vanilla Light

#FFFCF1 (Click to copy)

Copied to clipboard!


Shades

Our Core and Support colours all have different shades, to ensure the right legibility and contrast in different circumstances. But instead of the usual array of 12 colour shades for each colour, there is a basic set of 2 main shades per colour — a darker one for foreground, and a lighter one for background — and 2 ‘exception’ shades for really dark or really light usage. Generally, only the core shades should be used.

Shades Diagram

An exception to this rule is the Base Core Colour of Deep Purple; it runs through all our communication materials and is specified in 8 different shades, that act as grey tones, but with a vibrant character.

Colour Palette


Specifications

For all colour shades listed above, here are the specifications:

CORE

  • Knallgreen Base

    • HEX: #B5D622

    • RGB: 181, 214, 34

    • CMYK: 41 0 88 0

    • Pantone: 374C

  • Knallgreen Light

    • HEX: #CAE85D

    • RGB: 202, 232, 93

    • CMYK: 31 0 68 0

    • Pantone: 372C / 386C / 373C

  • Knallpink Base

    • HEX: #EC7BCB

    • RGB: 236, 123, 203

    • CMYK: 17 73 0 0

    • Pantone: 2375C / 237C

  • Knallpink Light

    • HEX: #FF9DE2

    • RGB: 255, 157, 226

    • CMYK: 15 59 0 0

    • Pantone: 223C / 236C

DEEP PURPLE

  • Deep Purple 100

    • HEX: #201649

    • RGB: 32, 22, 73

    • CMYK: 100 100 0 70

    • Pantone: 275C / 2765C

  • Deep Purple 80

  • Deep Purple 70

  • Deep Purple 40

  • Deep Purple 20

  • Deep Purple 10

  • Deep Purple 5

Support

  • Lavender Base

    • HEX: #7C5BFF

    • RGB: 124, 91, 255

    • CMYK: 50 54 0 0

    • Pantone: 2725C

  • Lavender Light

  • Blue Base

    • HEX: #43ADC3

    • RGB: 67, 173, 195

    • CMYK: 83 0 25 11

    • Pantone: 631C

  • Blue Light

  • Orange Base

    • HEX: #DC8541

    • RGB: 220, 133, 65

    • CMYK: 0 60 92 0

    • Pantone: 7413C / 7577C

  • Orange Light

  • Vanilla Base

    • HEX: #FFF9E5

    • RGB: 255, 249, 229

    • CMYK: 0 3 15 9

    • Pantone:

  • Vanilla Light

    • HEX: #FFFCF1

      • RGB: 255, 252, 241

    • CMYK: 0 2 10 0

    • Pantone:

NEXT:

Logo