Skip to main content
All articles
· Updated February 15, 2026

Discord Embed Colors - Complete Color Code Reference Guide

Master Discord embed colors with hex codes, decimal values, and color picker tools. Learn how to use Discord blurple, themed palettes, and programmatic color conversion for webhooks and bots.

discord apiembedscolorstutorialdiscord color codeshex to decimalembed colors 2026
Discord Embed Colors - Complete Color Code Reference Guide

What Are Discord Embed Colors?

Discord embed colors are the vertical accent bars that appear on the left side of embed messages. This colored stripe helps categorize information, draw attention, and create visual hierarchy in your Discord channels. Whether you’re building a bot, setting up webhooks, or creating automated notifications, choosing the right embed color is crucial for user experience.

The color property in Discord embeds accepts a decimal integer value ranging from 0 to 16777215 (0xFFFFFF in hexadecimal). This represents the full RGB color spectrum, giving you access to over 16 million possible colors.

How Discord Embed Colors Work

Discord’s API uses decimal color values, not the hex codes you might be familiar with from web development. When you set an embed color, you’re providing a base-10 integer that Discord converts internally to RGB values.

For example:

  • Hex color #5865F2 (Discord Blurple) converts to decimal 5793266
  • Hex color #57F287 (Green) converts to decimal 5763719
  • Hex color #ED4245 (Red) converts to decimal 15548997

This conversion is necessary because JSON doesn’t natively support hexadecimal notation for numbers.

Setting Embed Colors in JSON

The most common way to set embed colors is through webhook payloads or bot API calls using JSON:

{
  "embeds": [{
    "title": "Server Status",
    "description": "All systems operational",
    "color": 5763719
  }]
}

The color field accepts only decimal integers. If you omit the color property, Discord will display the embed with no colored border (appearing as a dark gray bar).

Hex to Decimal Color Conversion

Since most color pickers and design tools use hexadecimal color codes, you’ll need to convert them to decimal for Discord embeds.

Manual Conversion Method

To convert hex to decimal manually:

  1. Take your hex color code (e.g., #5865F2)
  2. Remove the # symbol: 5865F2
  3. Convert from base-16 to base-10

Example: #5865F2 = (5 × 16^5) + (8 × 16^4) + (6 × 16^3) + (5 × 16^2) + (15 × 16^1) + (2 × 16^0) = 5793266

Programmatic Conversion

Most programming languages provide built-in functions for hex-to-decimal conversion:

JavaScript/Node.js:

const hexColor = "#5865F2";
const decimalColor = parseInt(hexColor.replace("#", ""), 16);
console.log(decimalColor); // 5793266

// Alternative using 0x prefix
const decimalColor2 = 0x5865F2;
console.log(decimalColor2); // 5793266

Python:

hex_color = "#5865F2"
decimal_color = int(hex_color.replace("#", ""), 16)
print(decimal_color)  # 5793266

# Alternative
decimal_color2 = 0x5865F2
print(decimal_color2)  # 5793266

Java:

String hexColor = "5865F2";
int decimalColor = Integer.parseInt(hexColor, 16);
System.out.println(decimalColor); // 5793266

C#:

string hexColor = "5865F2";
int decimalColor = Convert.ToInt32(hexColor, 16);
Console.WriteLine(decimalColor); // 5793266

Complete Discord Color Code Reference

Here’s a comprehensive table of popular Discord colors with their hex codes and decimal values:

Color NameHex CodeDecimal ValueUse Case
Discord Blurple#5865F25793266Branding, default
Discord Green#57F2875763719Success, online status
Discord Yellow#FEE75C16705372Warnings, idle status
Discord Fuchsia#EB459E15418782Highlights, special events
Discord Red#ED424515548997Errors, critical alerts
Discord White#FFFFFF16777215Neutral, light theme
Discord Black#0000000Minimal, dark theme
Dark Gray#23272A2303786Subtle, background
Light Gray#99AAB510070709Muted, secondary info
Greyple#99AAB510070709Discord secondary color
Dark Not Quite Black#2C2F332895667Discord dark theme
Not Quite Black#23272A2303786Discord darker theme
Aqua#1ABC9C1752220Info, notifications
Dark Aqua#11806A1146986Deep info
Green#57F2875763719Success, confirmation
Dark Green#1F8B4C2067788Subtle success
Blue#3498DB3447003Information, links
Dark Blue#2066942123412Deep information
Purple#9B59B610181046Premium, special
Dark Purple#71368A7419530Deep premium
Luminous Vivid Pink#E91E6315277667Attention, vibrant
Dark Vivid Pink#AD145711342935Deep attention
Gold#F1C40F15844367Premium, rewards
Dark Gold#C27C0E12745742Deep premium
Orange#E67E2215105570Warnings, moderate
Dark Orange#A8430011027200Deep warnings
Red#ED424515548997Errors, danger
Dark Red#992D2210038562Deep errors
Light Red#FF6B6B16739179Soft errors
Navy#34495E3426654Professional, corporate
Dark Navy#2C3E502899536Deep professional
Yellow#FEE75C16705372Caution, warnings
Light Yellow#FFFF0016776960Bright warnings
Magenta#E91E6315277667Creative, artistic
Cyan#00FFFF65535Tech, modern
Light Cyan#AFEEEE11529966Soft tech
Teal#1ABC9C1752220Balance, harmony
Light Teal#40E0D04251856Soft balance
Lime#00FF0065280Bright success
Light Green#90EE909498256Soft success
Pink#FF69B416738484Fun, playful
Light Pink#FFB6C116758465Soft playful
Brown#8B45139127187Earthy, natural
Light Brown#D2691E13789470Soft earthy
Beige#F5F5DC16119260Neutral, warm
Maroon#8000008388608Deep red, serious
Olive#8080008421376Muted, natural
Indigo#4B00824915330Deep, mysterious
Violet#EE82EE15631086Creative, unique
Coral#FF7F5016744272Warm, friendly
Salmon#FA807216416882Soft, approachable
Turquoise#40E0D04251856Fresh, clean
Lavender#E6E6FA15132410Calm, peaceful
Mint#98FF9810027008Fresh, new
Peach#FFDAB916767673Warm, inviting
Sky Blue#87CEEB8900331Open, airy
Steel Blue#4682B44620980Professional, strong

Discord has specific brand colors that are commonly used in official embeds and community bots:

Discord Blurple (#5865F2)

The signature Discord brand color. Use this for general-purpose embeds, branding, or when you want to maintain Discord’s visual identity.

{
  "embeds": [{
    "title": "Welcome to the Server!",
    "description": "Thanks for joining our community.",
    "color": 5793266
  }]
}

Discord Green (#57F287)

Perfect for success messages, confirmations, and positive status updates.

{
  "embeds": [{
    "title": "Action Successful",
    "description": "Your settings have been saved.",
    "color": 5763719
  }]
}

Discord Red (#ED4245)

Ideal for error messages, critical alerts, and destructive actions.

{
  "embeds": [{
    "title": "Error Occurred",
    "description": "Failed to process your request. Please try again.",
    "color": 15548997
  }]
}

Discord Yellow (#FEE75C)

Best for warnings, caution messages, and idle status indicators.

{
  "embeds": [{
    "title": "Warning",
    "description": "This action cannot be undone.",
    "color": 16705372
  }]
}

Themed Color Palettes for Embeds

Creating consistent color schemes across your bot or webhook improves user experience and brand recognition.

Status Message Palette

Use semantic colors to communicate message types instantly:

  • Success: Green (#57F287 / 5763719)
  • Error: Red (#ED4245 / 15548997)
  • Warning: Yellow (#FEE75C / 16705372)
  • Info: Blue (#3498DB / 3447003)
const STATUS_COLORS = {
  success: 5763719,
  error: 15548997,
  warning: 16705372,
  info: 3447003
};

// Usage
const embed = {
  title: "Database Connected",
  description: "Successfully connected to the database.",
  color: STATUS_COLORS.success
};

Gaming Bot Palette

For gaming communities, consider vibrant, energetic colors:

  • Victory: Gold (#F1C40F / 15844367)
  • Defeat: Dark Red (#992D22 / 10038562)
  • Level Up: Purple (#9B59B6 / 10181046)
  • Achievement: Orange (#E67E22 / 15105570)

Professional/Corporate Palette

For business or professional servers, use muted, sophisticated colors:

  • Primary: Navy (#34495E / 3426654)
  • Secondary: Steel Blue (#4682B4 / 4620980)
  • Accent: Teal (#1ABC9C / 1752220)
  • Neutral: Dark Gray (#23272A / 2303786)

Seasonal Palettes

Adapt your embed colors to seasons or events:

Spring: Mint (#98FF98 / 10027008), Light Pink (#FFB6C1 / 16758465), Sky Blue (#87CEEB / 8900331)

Summer: Coral (#FF7F50 / 16744272), Turquoise (#40E0D0 / 4251856), Gold (#F1C40F / 15844367)

Autumn: Orange (#E67E22 / 15105570), Brown (#8B4513 / 9127187), Dark Gold (#C27C0E / 12745742)

Winter: Light Cyan (#AFEEEE / 11529966), Lavender (#E6E6FA / 15132410), Steel Blue (#4682B4 / 4620980)

Dark Mode Considerations

Most Discord users prefer dark mode, so your embed colors should be optimized for dark backgrounds.

Best Practices for Dark Mode

  1. Avoid pure white (#FFFFFF / 16777215) - It’s too harsh on dark backgrounds
  2. Use vibrant colors - They stand out better against dark gray
  3. Test contrast - Ensure text remains readable
  4. Prefer saturated colors - Muted colors can appear washed out

Colors That Work Well in Dark Mode

  • Discord Blurple (#5865F2 / 5793266)
  • Bright Green (#57F287 / 5763719)
  • Cyan (#00FFFF / 65535)
  • Magenta (#E91E63 / 15277667)
  • Gold (#F1C40F / 15844367)

Colors to Avoid in Dark Mode

  • Pure Black (#000000 / 0) - Blends with background
  • Very Dark Colors - Low contrast, hard to distinguish
  • Pale Pastels - Appear washed out

Using Colors Programmatically

When building bots or webhook integrations, you’ll want to manage colors efficiently in your code.

JavaScript/TypeScript Example

class EmbedColors {
  // Define colors as hexadecimal constants
  static BLURPLE = 0x5865F2;
  static GREEN = 0x57F287;
  static YELLOW = 0xFEE75C;
  static RED = 0xED4245;
  static WHITE = 0xFFFFFF;
  static BLACK = 0x000000;

  // Convert hex string to decimal
  static fromHex(hex) {
    return parseInt(hex.replace('#', ''), 16);
  }

  // Convert RGB to decimal
  static fromRGB(r, g, b) {
    return (r << 16) + (g << 8) + b;
  }

  // Random color generator
  static random() {
    return Math.floor(Math.random() * 16777215);
  }
}

// Usage examples
const successEmbed = {
  title: "Success",
  color: EmbedColors.GREEN
};

const customEmbed = {
  title: "Custom Color",
  color: EmbedColors.fromHex("#FF6B6B")
};

const rgbEmbed = {
  title: "RGB Color",
  color: EmbedColors.fromRGB(255, 107, 107)
};

Python Example

class EmbedColors:
    BLURPLE = 0x5865F2
    GREEN = 0x57F287
    YELLOW = 0xFEE75C
    RED = 0xED4245
    WHITE = 0xFFFFFF
    BLACK = 0x000000

    @staticmethod
    def from_hex(hex_color):
        """Convert hex string to decimal"""
        return int(hex_color.replace('#', ''), 16)

    @staticmethod
    def from_rgb(r, g, b):
        """Convert RGB values to decimal"""
        return (r << 16) + (g << 8) + b

    @staticmethod
    def random():
        """Generate random color"""
        import random
        return random.randint(0, 16777215)

# Usage examples
success_embed = {
    "title": "Success",
    "color": EmbedColors.GREEN
}

custom_embed = {
    "title": "Custom Color",
    "color": EmbedColors.from_hex("#FF6B6B")
}

rgb_embed = {
    "title": "RGB Color",
    "color": EmbedColors.from_rgb(255, 107, 107)
}

Discord Embed Color Picker Tools

Manually converting hex to decimal can be tedious. Several tools make this process easier:

Online Color Pickers

  1. discord-webhook.com - Our built-in visual webhook builder includes a color picker that automatically converts hex to decimal. Simply click the color selector, choose your color, and the decimal value is applied instantly.

  2. Browser DevTools - Most browsers have color pickers in their developer tools that display hex values you can convert.

  3. Design Tools - Figma, Adobe XD, and Sketch all provide hex color codes that you can convert programmatically.

Using Our Visual Webhook Builder

The easiest way to work with Discord embed colors is using our free visual webhook builder at discord-webhook.com:

  1. Navigate to the webhook builder app
  2. Click on the color selector in the embed section
  3. Choose your desired color visually
  4. The decimal value is automatically calculated and applied
  5. Preview your embed in real-time
  6. Copy the generated JSON or send directly to your webhook

This eliminates the need for manual conversion and lets you see exactly how your embed will look before sending it.

Common Color Mistakes to Avoid

Using Hex Values Directly

This will NOT work:

{
  "embeds": [{
    "title": "Error Example",
    "color": "#5865F2"
  }]
}

Discord’s API expects a decimal integer, not a hex string. Always convert to decimal first.

Using Invalid Color Values

Color values must be between 0 and 16777215. Values outside this range will be rejected:

{
  "embeds": [{
    "title": "Invalid",
    "color": 99999999
  }]
}

Forgetting Color Accessibility

Ensure your color choices are accessible:

  • Maintain sufficient contrast with text
  • Don’t rely solely on color to convey information
  • Consider colorblind users (avoid red/green as sole differentiators)

Advanced Color Techniques

Gradient-Like Effects with Multiple Embeds

While individual embeds can’t have gradients, you can create a gradient effect using multiple embeds with progressively changing colors:

{
  "embeds": [
    {
      "description": "Step 1: Initialize",
      "color": 3447003
    },
    {
      "description": "Step 2: Process",
      "color": 5793266
    },
    {
      "description": "Step 3: Complete",
      "color": 10181046
    }
  ]
}

Dynamic Color Based on Data

Adjust embed colors programmatically based on data values:

function getColorForPercentage(percentage) {
  if (percentage >= 80) return 0x57F287; // Green
  if (percentage >= 50) return 0xFEE75C; // Yellow
  if (percentage >= 20) return 0xE67E22; // Orange
  return 0xED4245; // Red
}

const serverLoad = 75;
const embed = {
  title: "Server Load",
  description: `Current load: ${serverLoad}%`,
  color: getColorForPercentage(serverLoad)
};

Color Interpolation

Create smooth color transitions by interpolating between two colors:

function interpolateColor(color1, color2, factor) {
  const r1 = (color1 >> 16) & 0xFF;
  const g1 = (color1 >> 8) & 0xFF;
  const b1 = color1 & 0xFF;

  const r2 = (color2 >> 16) & 0xFF;
  const g2 = (color2 >> 8) & 0xFF;
  const b2 = color2 & 0xFF;

  const r = Math.round(r1 + (r2 - r1) * factor);
  const g = Math.round(g1 + (g2 - g1) * factor);
  const b = Math.round(b1 + (b2 - b1) * factor);

  return (r << 16) + (g << 8) + b;
}

// Interpolate from red to green
const startColor = 0xED4245; // Red
const endColor = 0x57F287;   // Green
const midColor = interpolateColor(startColor, endColor, 0.5);

Best Practices for Discord Embed Colors

  1. Be Consistent - Use the same colors for the same types of messages across your bot
  2. Follow Conventions - Green for success, red for errors, yellow for warnings
  3. Consider Branding - Use your server or organization’s brand colors when appropriate
  4. Test on Dark Mode - Most users use dark mode, so optimize for it
  5. Don’t Overuse Bright Colors - Too many bright embeds can be overwhelming
  6. Use Neutral Colors for Frequent Messages - Save vibrant colors for important notifications
  7. Document Your Color Scheme - Keep a reference of which colors mean what in your bot
  8. Accessibility First - Ensure colors are distinguishable for colorblind users

Conclusion

Discord embed colors are a powerful tool for creating visually appealing and informative messages. By understanding hex-to-decimal conversion, using appropriate color palettes, and following best practices, you can create professional-looking embeds that enhance user experience.

Whether you’re building a bot, setting up webhooks, or creating automated notifications, choosing the right colors helps users quickly understand message context and importance.

Ready to start creating beautiful Discord embeds? Use our visual webhook builder to design embeds with an intuitive color picker, real-time preview, and automatic decimal conversion. No coding required - just point, click, and send. The builder also supports polls, scheduled messages, thread and forum posting, and interactive buttons with actions — all with the same visual approach.

Try it in our tool

Open Discord Webhook Builder