To create this article, volunteer authors worked to edit and improve it over time. Here, we start with a flat color to get the main colors down using the outline as a guide, as shown in Step 1. Discords logo is a very light shade of gray (#ffffff) against a blurple (#5865F2) background. Discord color palette created by futuristic_mc that consists #7289da,#424549,#36393e,#282b30,#1e2124 colors. Where just you and handful of friends can spend time together. Quick Answer. Here, we are using the Round brush. To change the background mode, open Discord on your desktop or phone. The mobile version has a similar feature known as Automatic (follows system settings). To create this article, volunteer authors worked to edit and improve it over time. If you're already logged into Discord, you can safely skip this step. Color Hex RGB #1e2124 (30,33,36) #424549 (66,69,73) #36393e It allows you to express yourself through profile customization, like applying an avatar and biography. For the light mode, the background color is white with a hex value of #FFFFFF. wikiHow is a wiki, similar to Wikipedia, which means that many of our articles are co-written by multiple authors. If you're already logged in to Discord, you can safely skip this step. Steve enjoys assisting others with their technological problems and guiding them through the process of resolving their issues. Its shown when someone clicks on your name anywhere across Discord.. As you can see in the image below, this is what I picture it looking like. What Color Is The Discord Logo? r/discordapp. Choosable banner color. The color code for this light mode is #FFFFFF. % of people told us that this article helped them. For the light mode, the background color is white with a hex value of #FFFFFF. Boggles1288. Choose a theme. You can change the Discord background mode using the Discord mobile or desktop app. For characters, you can also draw the joints of what position their body will be in, shown in step 1. How to Use Nitro: A Beginners Guide to Discords Premium Subscription, How 2-Factor Authentication Helps Keep Your Discord Account Safe, Make Your Discord Profile Shine: Profile Pointers from Design Pros, red represents good luck in China but it means morning in South Africa, Download: Four Profile Sets, by Grace Ling, Download: Sparkly Rainbow Frames, by createdbyjz, Download: Rainy Day Frog Profile Set, by hanibee, Download: Discord Pilot Profile Set, by Gazal, Download: Space Doggo Profile Set, by GoatedGold, Download: Winter Holidays Frame, by Patho, Download: Cherry Blossoms Frame Ver. This paid membership is one of the ways that Discord makes money. How To Change Discords Background to Dark Mode on Mobile? The selected mode will automatically activate, and you will note the changes reflecting immediately on your background. and The logo consists of a graying game controller with two lavender blue (blurple) dots on a lavender blue squarish background. These codes are unique for each hue and saturation. Make sure to like and subscribe! When uploading a banner, youll need an image of at least 600x240 px as a PNG, JPG, or animated GIF under 10 MB. Enjoy! For the light background, the color is white. You can set the appearance of the desktop Discord app to sync with your computer. What imagery could you use to bring out those themes? You can change to the light mode with a hex value of #FFFFFF. Different platforms have different background colors, and most allow people to modify the background appearance depending on what suits them best. You can use the light or the dark mode. You can use the light or the dark mode. Like last time, were using Procreate here, but youre welcome to use whatever youre most comfortable with. Download Color Palette. Its important to keep your audience in mind when youre choosing colors., Each color also has a different hue, shade, tint, and tone that affect its perception. You can even make it look like youre talking!, Also, if theres a GIF on the internet that you absolutely resonate with, you can even set it as your avatar the same way you update your avatar!, Your banner lives behind your avatar and is shown to anyone who clicks on your profile. In our same example from above, here are the steps we took to color: When adding color, make sure to create separate layers to avoid mixing colors when they are not supposed to be mixed. You can use this space to briefly describe yourself, include your social media links, add some fun facts/inspirational quotes, memes, emojis that describe you, or anything else that you would want! Reddit and its partners use cookies and similar technologies to provide you with a better experience. As for the dark mode, the color is #36393F. Joe is a Deputy Editor at MUO. What Is the Hex Code for Discord Background? Discord have 4 hex colors that represent their brand, and they are 7289da, 99aab5, 2c2f33, 23272a . His specialty is writing extremely detailed how-to guides that even the most unexperienced person could follow. Thats your personal brand. PNG Image of Discord Colors Color Palette. Required fields are marked *. , Sponsored By 10xer.co - Best remote Jobs . Discord Server: https://discord.gg/2fVcvNKHezDiscord just recently released a new profile color customization beta update! A place that makes it easy to talk every day and hang out more often. @giangzadev & By accepting all cookies, you agree to our use of cookies to deliver and maintain our services and site, improve the quality of Reddit, personalize Reddit content and advertising, and measure the effectiveness of advertising. Since Discord launched in 2015, they have maintained a consistent color palette for the app, which has created a unique identity among users. We learned how to solve the Discord Hex Color Gray by looking at a range of different cases. They tell a story of who you are, so tell them what you want!, Once you decide on a design, you can start to draw! Colors in Palette. Please do not edit, change, distort, recolor, or reconfigure the Discord logo. Discord. For example, red represents good luck in China but it means morning in South Africa. The light mode has a white background with a hex code #ffffff. Steve has always been fascinated by technology, which led him to Boston College to pursue a degree in computer science. No, you cant. Color is one of the first things people notice when they look at your profile and show your overall aesthetic. In all of our examples, you can also use any brush you wish to achieve different visual styles theres no right or wrong answers! Instead, it offers dark and light modes, which you can switch between for your Discord background. Then, we add some subtle shadows in a cel-shading style to get to Step 2. Well break them down and connect them to your Discord profile! Within the professional art community, color symbolism is how different hues of color help perceive meaning in life driven by the viewers cultural associations and personal experiences. Were a playful and fun brand that doesn't take ourselves too seriously. Profile Color. Privacy Policy. Use it to try out great new products and services nationwide without paying full pricewine, food delivery, clothing and more. Once you do, you will see the various options for changing the Discord background mode that you can use. Is your aesthetic pastel or monochromatic? Color will be one of the first things someone notices when they click into your profile. By rejecting non-essential cookies, Reddit may still use certain cookies to ensure the proper functionality of our platform. Discord Gamepass PC Code For Nitro Not Working, Discord go live buggy when streaming ps4 remote play. In the HSL color space #7289da has a hue of 227 (degrees), 58% saturation and 65% lightness. How To Hide Your Gaming Status on Discord, Easy Ways to Censor on Discord on Desktop & Mobile, How to Find Out if a Discord Server Was Deleted, How to Change the Display Color of Discord, https://www.quora.com/What-background-color-of-screen-hurts-eyes-more-White-or-black, https://support.discord.com/hc/en-us/articles/207260127-How-can-I-change-Discord-s-appearance-theme-, If you haven't already installed Discord, you download it from, You can also use the web version of Discord by going. In HTML, CSS, and SVG, hexadecimal formats for identifying colors are called hex codes. Changing the apps background differs depending on whether you use the desktop or the mobile version. Use what youre most comfortable with! Discord is one of the best services for chatting with your friends and meeting like-minded people. Then you can have this tone in your bio!, You can set your avatar, banner, and bio in your user profile settings! Create an account to follow your favorite communities and start taking part in conversations. For the desktop app, use the below steps. In these first 2 layers, we are using Procreates 6B pencil brush.. ( , .) The light mode is the apps default background, but most people, especially gamers, prefer the dark mode. The hexadecimal color code #7289da is a medium light shade of blue. Your email address will not be published. Make sure to like and subscribe! Color-hex gives information about colors including color models (RGB,HSL,HSV and CMYK), Triadic colors, monochromatic colors and analogous colors calculated in color page. Along with refining many of the existing colors with a brighter hue, were bringing a bit more variety to the color palette by introducing a new color: Red.31-May-2022. Thanks to all authors for creating a page that has been read 56,014 times. Founder of Design Buddies, product designer, artist, content creator, and runner. Click on either, and your background color will change. For characters, you can also draw the joints of what position their body will be in, shown in example 1. Save my name, email, and website in this browser for the next time I comment. Setting the app to the light or dark mode is straightforward in desktop and mobile versions. What about the Discord Blurple, Full White, etc.? Everyone on Discord can choose a profile banner color, but if you subscribe to Nitro then you can set an image as your profile banner. About Well be sharing some examples and walking you through the process of how we designed an avatar, banner, and bio set. Next, we will see the steps for changing the background mode for Discord on the desktop and mobile versions. You may also choose a GIF from the internet as your avatar and banner! Your email address will not be published. Full-time, Im a Product Designer in the games industry and I love all things design.. Similarly, below are the steps to change your background mode on your mobile phone. Here are some examples. Check them all out below if you see one you like, you can download it below the preview. This color has an approximate wavelength of 471.05 nm. Its uniquely you. If anyone wants to make an invisible role, here's the color hex for it: #36393f. As with everything about expressing yourself, your banner colors could match or be completely different from your avatar.. You and your online identity, and personal brand are all a constantly evolving process! Utilizing color effectively can bring your vibe to life and let others understand immediately what emotions or messages they should be feeling. Also join my Discord server, come join some events, make new friends and importantly, have fun!Support Me:1. For example, neon colors have different meanings than pastel colors., Combining multiple colors can also enhance or take away from your message from your design. Tap the cog next to your microphone and speaker settings in the channel list menu. Privacy Policy That said, we're keen on keeping things quality. Press question mark to learn the rest of the keyboard shortcuts. Use these only when the Discord brand is clearly visible or has been well established elsewhere on the page or in the design. ), You can even use an animated avatar or select your favorite GIF! Thats how you can quickly change your Discord background on your desktop and mobile phone. The light mode has a white background with a hex code of #ffffff, while the dark mode has a blackish background with a hex code of #36393e. For more information, please see our upgrading to Colorffy PRO. If you want to say a phrase, you will need to use dashes or underscores to maintain the one word feeling.03-Nov-2021. Those are the only background colors you can find on Discord, and its upon you to decide which you prefer to use, depending on your taste. ), Download the full Discord brand guidelines, Role of administrators and moderators on Discord, Discord's commitment to a safe and trusted experience, Talking about online safety with your teen, Answering parents' and educators' top questions, Working with CARU to protect users on Discord, 111: Your Responsibilities as a Moderator, 207: Server Information and Announcement Channels, 231: Fundamentals of Family-Friendly Servers, 311: Understanding and Avoiding Moderator Burnout, 314: Training and Onboarding New Moderators, 341: Understanding Your Community Through Insights, 345: Best Practices for Moderating Content Creation, 404: Considering Mental Health in Your Community, 405: Practicalities of Moderating Adult Channels, 407: Managing Exponential Membership Growth, 442: Using Insights to Improve Community Growth and Engagement, 444: Managing Interpersonal Relationships, 459: Bringing Other Communities to Discord, 541: The Application of Metaphors in Moderation. 660. If you're gonna use our art for something please keep it tasteful and send it our way for approval. Remove ads, get your Connect profile, and unlock more features by {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/23\/Change-the-Display-Color-of-Discord-Step-1.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-1.jpg","bigUrl":"\/images\/thumb\/2\/23\/Change-the-Display-Color-of-Discord-Step-1.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/eb\/Change-the-Display-Color-of-Discord-Step-2.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-2.jpg","bigUrl":"\/images\/thumb\/e\/eb\/Change-the-Display-Color-of-Discord-Step-2.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e6\/Change-the-Display-Color-of-Discord-Step-3.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-3.jpg","bigUrl":"\/images\/thumb\/e\/e6\/Change-the-Display-Color-of-Discord-Step-3.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-3.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/97\/Change-the-Display-Color-of-Discord-Step-4.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-4.jpg","bigUrl":"\/images\/thumb\/9\/97\/Change-the-Display-Color-of-Discord-Step-4.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-4.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/aa\/Change-the-Display-Color-of-Discord-Step-5.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-5.jpg","bigUrl":"\/images\/thumb\/a\/aa\/Change-the-Display-Color-of-Discord-Step-5.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/97\/Change-the-Display-Color-of-Discord-Step-6.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-6.jpg","bigUrl":"\/images\/thumb\/9\/97\/Change-the-Display-Color-of-Discord-Step-6.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0b\/Change-the-Display-Color-of-Discord-Step-7.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-7.jpg","bigUrl":"\/images\/thumb\/0\/0b\/Change-the-Display-Color-of-Discord-Step-7.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"