Charleston Green
Meet Charleston Green (#222829), a color that appears almost black at first glance. Its striking quality lies in the subtle, deep green undertone that reveals itself, offering a sophisticated and rich alternative to pure black for any designer's palette.
What color is Charleston Green?
Charleston Green is a deep, cool-toned off-black. At first glance, it appears black, but it carries subtle green and blue undertones that give it a unique character.
Its green quality is most noticeable when contrasted with a true black, revealing a sophisticated shade that avoids the starkness of pure black.
What is the meaning of Charleston Green (#222829)?
Steeped in post-Civil War history, Charleston Green symbolizes Southern resilience and heritage. The color’s origin story speaks to a quiet strength, blending solemn black with hints of life to create a shade rich with tradition.
Psychologically, this near-black hue, #222829, projects timeless elegance and stability. For designers, it offers a sophisticated, grounding foundation that feels both formal and deeply rooted.
How do I use Charleston Green in UI design?
As a versatile, near-black shade, Charleston Green (#222829) works beautifully as a foundational color. Use it as a background for a sophisticated dark theme, pairing it with bright, high-contrast accent colors for calls-to-action. Alternatively, combine it with muted earth tones or warm off-whites for a more organic and grounded aesthetic. Its depth also makes it an excellent choice for primary text, offering a softer feel than pure black.
While many brands use very dark grays for their core UI, a specific greenish-black like Charleston Green is not widely adopted. This rarity presents a distinct opportunity for a brand to build a unique visual identity that feels both classic and unconventional.
You can use the tools below to explore curated palettes, test color contrast for accessibility, and preview Charleston Green in real UI components from top brands.
Using Charleston Green color codes
To specify Charleston Green in a digital project, the most common method is to use its hex code: #222829. This code is a web-standard representation that provides consistency across different browsers and devices.
For different outputs, you may need to convert this hex value. Digital screens operate on the RGB (Red, Green, Blue) model, which mixes light to create color. In contrast, print media uses the subtractive CMYK (Cyan, Magenta, Yellow, Key/Black) model. Other formats like HSL (Hue, Saturation, Lightness) or LAB provide different ways to define and adjust the color based on human perception.
We've converted #222829 into a variety of popular color code formats below, ready for you to copy and paste directly into your project.
Analogous
Analogous colors are neighbors to Charleston Green on the color wheel, creating a palette that is perceived as harmonious and visually pleasing.
Complementary
Complementary colors sit directly opposite each other on the color wheel. Paired with Charleston Green, they create a high-contrast, visually striking combination.
Split Complementary
A split complementary scheme offers a twist on the classic pairing. For Charleston Green, this means using the two colors adjacent to its direct opposite.
Triadic
A triadic scheme pairs Charleston Green with two other colors, creating a vibrant, high-contrast palette from equidistant points on the color wheel.
Tetradic
A tetradic scheme pairs Charleston Green with its complement, plus another complementary pair, creating a rich, four-color palette.
Square
Formed by four evenly spaced colors on the color wheel, a square scheme offers a rich, high-contrast palette built around Charleston Green.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Charleston Green are made by mixing in black, resulting in darker, weightier tones.
Tints
Tints are lighter variations of Charleston Green, created by adding white for a softer appearance.
Tones
Tones of Charleston Green are created by mixing in gray to produce softer, desaturated variations.
Hues
Hues are variations of Charleston Green, differing in intensity or temperature to create distinct moods.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.

































































































































