Ebony is one of the most misunderstood colors in the digital design spectrum. While many professionals search for a single, definitive hex code to represent this sophisticated hue, the reality is that "ebony" describes a range of dark shades derived from the dense hardwood of the same name. Depending on whether you are referencing the raw texture of a tropical tree or a polished piece of royal furniture, the hex code can fluctuate from a deep, warm near-black to a muted, olive-toned grey.

For immediate implementation, the most frequently used ebony hex codes are:

  • Standard Ebony: #555D50 (A dark, grayish-olive green)
  • Deep Ebony (Near-Black): #0C0B0A (A rich, warm dark shade)
  • Ebony Wood: #2C3227 (An organic, greenish-toned interpretation)
  • Modern UI Ebony: #313337 (A neutral dark grey used for digital interfaces)
  • Figma Variant: #5D6658 (A grayish-green used in contemporary design systems)

Understanding the nuance between these values is essential for creating high-end visual identities and accessible user interfaces.

The Botanical Origins of the Ebony Spectrum

The term "ebony" comes from the Diospyros genus of trees. Historically, this wood has been prized for its extreme density, weight, and ability to take a mirror-like polish. However, natural ebony wood is rarely a flat, digital black (#000000). It contains subtle streaks of brown, green, and even dark blue.

In design history, the transition of ebony from a material to a color name occurred around 1590. For centuries, it has symbolized luxury, power, and timelessness—think of piano keys, chess pieces, and ornamental carvings for French royalty. Because the wood itself is a natural product, the digital interpretation remains diverse. Designers must decide whether they want the "organic" ebony, which leans toward olive and brown, or the "synthetic" ebony, which serves as a softer alternative to pure black in web design.

Detailed Breakdown of Popular Ebony Variations

Choosing the correct hex code requires an analysis of undertones. In our testing across various display types—from mobile OLEDs to high-end IPS monitors—we have found that the "feel" of a design changes drastically depending on which ebony variant is selected.

The Classic Grayish-Olive: #555D50

This is often cited as the "official" ebony in many color dictionaries. With an RGB value of (85, 93, 80), it is composed of 33% red, 36% green, and 31% blue. It is not a black; it is a very dark, desaturated green.

  • Best Use Case: Interior design mockups, organic brand identities, and backgrounds where a "natural" feel is required.
  • Why it works: It avoids the harshness of grayscale. When paired with ivory or soft cream, it creates an earthy, sophisticated palette that feels grounded.

The Deep Warm Black: #0C0B0A

If your goal is to find a color that looks "black" but feels "expensive," #0C0B0A is the superior choice. It is a near-black with a very slight lean toward warm red and yellow undertones.

  • Visual Impression: On a high-resolution screen, this color feels denser and more solid than a standard neutral grey.
  • Pro Tip: Use this for luxury typography. Pure black (#000000) can often look "cheap" or too high-contrast on a white background, leading to eye strain. #0C0B0A maintains the authority of black while softening the visual impact.

The Digital Interface Neutral: #313337

Modern UI design, particularly in "Dark Mode" development, has moved away from true black to reduce "black smear" on OLED screens and improve readability. #313337 is a widely adopted variant that falls into the ebony family.

  • Characteristics: It is a perfectly balanced dark grey that lacks strong green or blue undertones.
  • Accessibility: It provides an excellent base for white text, comfortably passing WCAG AA standards with a contrast ratio that avoids the "ghosting" effect seen with pure black backgrounds.

Comparing Ebony to Other Dark Hues

To truly master the ebony hex code, you must understand how it differs from its cousins: Charcoal, Onyx, and Jet Black.

Ebony vs. Charcoal (#36454F)

Charcoal is significantly bluer and lighter than most ebony variants. While ebony often pulls from the green or warm spectrum (reflecting wood), charcoal pulls from the blue/cool spectrum (reflecting burnt wood and slate). If your design needs to feel "cool" or "industrial," charcoal is better. If it needs to feel "warm" or "heritage," ebony is the winner.

Ebony vs. Onyx (#0F0F0F)

Onyx is a stone-inspired shade. It is much closer to a true neutral black than the standard #555D50 ebony. Onyx is best for sleek, mineral-themed designs, whereas ebony is preferred for tactile, organic themes.

Ebony vs. Jet Black (#343434)

Jet is often more "matte" in its digital representation. Ebony usually carries more depth and "glow" due to its slight saturation in the green or red channels.

Technical Specifications and Color Space Conversions

For designers working across print and digital mediums, knowing the hex code is only the first step. Below is the technical data for the most common representation of ebony, #555D50.

Color Space Data for #555D50

  • RGB: (85, 93, 80)
  • CMYK: 9%, 0%, 14%, 64% (Note: This suggests a heavy reliance on the Key/Black plate with a hint of Cyan and Yellow to create that olive undertone).
  • HSL: 97°, 7.5%, 33.9%
  • LRV (Light Reflectance Value): Approximately 10.3%.

The LRV is particularly important for interior designers. A value of 10.3 means this color absorbs nearly 90% of visible light. In a small room, using an ebony hex code on the walls will create a "den-like" or "cozy" atmosphere, but it requires significant artificial lighting to remain functional.

UI/UX Design Strategies: Using Ebony Effectively

In our experience building complex software interfaces, the choice of a dark background color is the most critical decision in the style guide. Using an ebony hex code instead of a neutral grey can give an app a "boutique" or "premium" feel.

1. Contrast and Readability

When using ebony (specifically the #555D50 or #5D6658 variants) as a background, you must be careful with text colors. White text (#FFFFFF) on an olive-ebony background can sometimes create a vibrating effect if the saturation is too high. We recommend using a slightly "off-white" like #F9F9F9 or a very light cream to harmonize with the warmth of the ebony.

2. Avoiding "Flatness" in Dark Mode

Many apps feel "flat" because they use a single dark hex code for everything. To create depth, use a tiered ebony system:

  • Background: #0C0B0A (The deepest layer)
  • Cards/Surfaces: #1A1B1D (A slightly lighter variant)
  • Borders: #313337 (The highlight layer)

This creates a sense of elevation and hierarchy that pure black cannot achieve.

3. The OLED Advantage

For mobile app design, using an ebony variant like #0C0B0A allows OLED pixels to remain almost entirely off, significantly saving battery life while still providing a more luxurious visual experience than "True Black" modes, which can sometimes feel jarringly empty.

Psychological Impact of Ebony in Branding

Color psychology plays a massive role in consumer perception. Ebony is not just a hex code; it is a statement of intent.

  • Authority and Strength: Much like black, ebony commands respect. It is the color of high-end law firms, luxury automotive brands, and premium tech hardware.
  • Mystery and Depth: Because ebony isn't a "flat" color (it has those hidden green/brown undertones), it suggests a brand has layers and history. It is less "tech-bro" than charcoal and more "old-money" than jet black.
  • Reliability: The association with dense hardwood translates to a feeling of durability. If you are designing for a security company or a financial institution, ebony provides a stabilizing foundation.

Sophisticated Color Palettes for Ebony

How you pair ebony determines whether it looks "modern" or "antique." Based on current design trends, here are three high-performing palettes:

The "Succulent" Palette (Organic Modern)

  • Primary: Ebony (#5D6658)
  • Accent 1: Sage Green (#A8B4A2)
  • Accent 2: Soft Peach (#FAD5A5)
  • Base: Cream (#FDFBD4)
  • Description: This palette is perfect for sustainable fashion brands or high-end skincare. The ebony provides the "anchor," while the sage and peach bring life to the composition.

The "Midnight Executive" Palette (Corporate Luxury)

  • Primary: Deep Ebony (#0C0B0A)
  • Accent 1: Brushed Gold (#C5B358)
  • Accent 2: Steel Blue (#4682B4)
  • Base: Off-White (#F5F5F5)
  • Description: Use this for investment platforms or luxury watch catalogs. The contrast between the warm deep ebony and the metallic gold is a classic hallmark of wealth.

The "Marshland" Palette (Muted Earthy)

  • Primary: Standard Ebony (#555D50)
  • Accent 1: Burnt Sienna (#ED7B58)
  • Accent 2: Dusty Rose (#DCAE96)
  • Base: Sandstone (#D2B48C)
  • Description: This works exceptionally well for interior design portfolios or boutique hotel branding. It feels warm, inviting, and highly "instagrammable."

Accessibility Considerations (WCAG)

One of the biggest mistakes designers make is assuming that because ebony is "dark," it will work with any light color. This is not always true for the olive-toned variants.

  • Standard Text: To pass WCAG AA (ratio of 4.5:1), the background #555D50 requires text to be lighter than #C5C5C5.
  • Large Text: For headers, the requirement is lower (3:1), meaning you have more flexibility with mid-tone greys or pastels.
  • The "Vibrancy" Trap: Be careful with neon colors (like neon green or hot pink) against ebony. While the contrast ratio might "pass," the visual clash between the muted, earthy ebony and the high-saturation neon can cause "chromostereopsis," where the colors appear to be on different depth planes, causing discomfort for the user.

Summary of Ebony Hex Codes and Use Cases

Variant Name Hex Code Primary Characteristic Best Applied To
Official Ebony #555D50 Grayish-Olive Earthy branding, interior design
Near-Black #0C0B0A Warm, dense Luxury typography, high-end logos
Ebony Wood #2C3227 Green-Brown Organic textures, nature-themed UI
Interface Ebony #313337 Neutral dark grey App backgrounds, dark mode surfaces
Deep Blue Ebony #0C0B1D Midnight undertones Tech brands, night-sky themes

Frequently Asked Questions

What is the closest web-safe color to ebony?

The closest web-safe color is #666666 (Dim Grey) or #333333 (Dark Grey), but neither truly captures the unique olive undertone of the official ebony #555D50. For modern web design, it is always better to use the exact hex code rather than a web-safe approximation, as modern screens support millions of colors.

Is ebony considered a "warm" or "cool" color?

Most ebony variants are considered "cool" because of their green and grey foundations. However, variants like #0C0B0A have warm red/yellow undertones, making them feel more inviting. The "temperature" of ebony usually depends on the colors it is paired with.

Can I use the word "ebony" in HTML/CSS?

No, "ebony" is not a recognized color keyword in CSS (unlike "black," "silver," or "olive"). You must use the hex code, RGB, or HSL values. For example: color: #555D50;.

Why does my ebony color look green in Photoshop?

This is likely because you are using the #555D50 or #5D6658 variant. These specific codes are mathematically categorized in the "gray-green" family. If you want a version that looks like pure black with no green tint, you should switch to #0C0B0A.

What is the LRV of Ebony?

The Light Reflectance Value of standard ebony (#555D50) is approximately 10. This is very low on the 0-100 scale, classifying it as a "dark" color that absorbs significant light.

Conclusion

Finding the "perfect" ebony hex code is about matching the color's undertone to your project's emotional goals. If you are designing for a luxury brand that demands authority, the near-black #0C0B0A is your best asset. If you are creating a nature-inspired palette that needs a grounded, organic feel, the grayish-olive #555D50 is the industry standard. By moving away from the "flatness" of pure black and embracing the subtle complexity of the ebony spectrum, you can add a layer of sophistication and depth that elevates your work from "standard" to "premium."