Colors

Approved colors for use in Nine Labs digital and printed products.

To make quick use of these colors in Sketch, you can download the Global Palette, which uses the Sketch Palettes Plugin.

Primary Colors

Pink

Hex: #eb3b86 Sass: $pink Classes: .text-pink .bg-pink

Purple

Hex: #2f2f8e Sass: $purple Classes: .text-purple .bg-purple

Teal

Hex: #3fc6c9 Sass: $teal Classes: .text-teal .bg-teal

Yellow

Hex: #fecd44 Sass: $yellow Classes: .text-yellow .bg-yellow


Secondary Colors

Pink Light

Hex: #f280b1 Sass: $pink-light Classes: .text-pink-light .bg-pink-light

Purple Light

Hex: #7694cc Sass: $purple-light Classes: .text-purple-light .bg-purple-light

Teal Light

Hex: #7ddbdb Sass: $teal-light Classes: .text-teal-light .bg-teal-light

Yellow Light

Hex: #f9d98a Sass: $yellow-light Classes: .text-yellow-light .bg-yellow-light

Pink Dark

Hex: #db036a Sass: $pink-dark Classes: .text-pink-dark .bg-pink-dark

Purple Dark

Hex: #030387 Sass: $purple-dark" Classes: .text-purple-dark" .bg-purple-dark"

Teal Dark

Hex: #05aaaa Sass: $teal-dark Classes: .text-teal-dark .bg-teal-dark

Yellow Dark

Hex: #f9b303 Sass: $yellow-dark Classes: .text-yellow-dark .bg-yellow-dark


Grayscale

Black

Hex: #000000 Sass: $black Classes: .text-black .bg-black

Gray 90%

Hex: #333333 Sass: $gray-90 Classes: .text-gray-90 .bg-gray-90

Gray 80%

Hex: #4c4c4c Sass: $gray-80 Classes: .text-gray-80 .bg-gray-80

Gray 70%

Hex: #666666 Sass: $gray-70 Classes: .text-gray-70 .bg-gray-70

Gray 60%

Hex: #7f7f7f Sass: $gray-60 Classes: .text-gray-60 .bg-gray-60

Gray 50%

Hex: #999999 Sass: $gray-50 Classes: .text-gray-50 .bg-gray-50

Gray 40%

Hex: #b2b2b2 Sass: $gray-40 Classes: .text-gray-40 .bg-gray-40

Gray 30%

Hex: #cccccc Sass: $gray-30 Classes: .text-gray-30 .bg-gray-30

Gray 20%

Hex: #e5e5e5 Sass: $gray-20 Classes: .text-gray-20 .bg-gray-20

Gray 10%

Hex: #f0f0f0 Sass: $gray-10 Classes: .text-gray-10 .bg-gray-10

Gray 5%

Hex: #fafafa Sass: $gray-5 Classes: .text-gray-5 .bg-gray-5

White

Hex: #ffffff Sass: $white Classes: .text-white .bg-white