Discord Color Palette | HEX, RGB & HSL

Discord uses the colors blurple, full white, greyple, dark but not black, and not quite black for most of their brand assets.

The hexadecimal code for their blurple is currently #5865F2.

In the RGB color model, that same blurple has 88 red, 101 green, and 242 blue or (88, 101, 242).

Lastly, in the HSL color model, that color is the equivalent of a 235 hue, 86% saturation, and 65% lightness or (235, 86%, 65%).

Please continue reading below for any other of their brand color schemes including social media profiles such as Instagram and their official mobile app icon.

Discord new logo colored
Hex: #5865F2
RGB: (88 101 242)
HSL: (235 86% 65%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)
Discord new logo black
Hex: #23272A
RGB: (35 39 42)
HSL: (206 9% 15%)
Discord Mobile App Icon

Mobile App

Hex: #5663F7
RGB: (86 99 247)
HSL: (235 91% 65%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)
Discord Official Website

Discord Website

Hex: #2C2F33
RGB: (44, 47, 51)
HSL: (214, 7%, 19%)
Hex: #23272A
RGB: (35, 39, 42)
HSL: (206, 9%, 15%)
Hex: #404EED
RGB: (64 78 237)
HSL: (235 83% 59%)
Hex: #5865F2
RGB: (88 101 242)
HSL: (235 86% 65%)
Hex: #99AAB5
RGB: (153, 170, 181)
HSL: (204, 16%, 65%)
Hex: #F6F6F6
RGB: (246 246 246)
HSL: (0 0% 96%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)

Instagram Page

Hex: #5865F2
RGB: (88 101 242)
HSL: (235 86% 65%)
Hex: #582812
RGB: (88 40 18)
HSL: (19 66% 21%)
Hex: #EB459E
RGB: (235 69 158)
HSL: (328 81% 60%)
Hex: #FEE75C
RGB: (254 231 92)
HSL: (51 99% 68%)
Hex: #57F287
RGB: (87 242 135)
HSL: (139 86% 65%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)

Discord changed their color palette a while after this page was first created. 

For that reason, in order to help those of you looking for their old colors, we’ll include them in the following section. 

These colors include their background colors and old Blurple plus others. 

Old Website

Hex: #2C2F33
RGB: (44 47 51)
HSL: (214 7% 19%)
Hex: #23272A
RGB: (35 39 42)
HSL: (206 9% 15%)
Hex: #7289DA
RGB: (114 137 218)
HSL: (227 58% 65%)
Hex: #97A9B4
RGB: (153, 170, 181)
HSL: (204 16% 65%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)

Resources

Watch these YouTube videos as a very good way to learn more about colors and how they work in different settings.

You will be introduced to color psychology and how you can make the most out of it whenever you are using colors in any way.

Video #1

This next video was uploaded by ColorCode. 

He talks about using HEX, RGB, and RGBA.

Video #2

This other video is from Webflow.

They show us how colors are used on the web and give us really good tips on the best way to truly comprehend the differences behind every color palette.

Lastly, you should also read this article by Hacker Noon titled: Hex colors, how do they work? 

They will show you how hex numbers are determined and what each character mean and represent.

Disclaimer

We do not own any logo or image used to describe the color palettes of any brand. All rights goes to the respective owner.

Fair Use allows people to use someone else’s copyrighted work without permission in certain circumstances. Common examples include: criticism, commentary, news reporting, teaching, scholarship and research.

Before you go

Make sure to check out any other color palette that we have in our website by using the search bar in our homepage or site header. 

Copyright © 2019 - Online Palette