Celadon
Introducing Celadon (#ACE1AF), a soft, grayish-green that strikes a fine balance between subtlety and presence. This muted hue brings a gentle wash of color, creating a calm yet memorable visual foundation for interfaces that prioritize clarity and a refined aesthetic.
What color is Celadon?
Celadon is a soft, pale green characterized by its distinct gray undertones, giving it a muted and gentle appearance.
This cool-toned hue has a desaturated quality that lends it a subtle, earthy feel, setting it apart from more vibrant greens.
What is the meaning of the color Celadon (#ACE1AF)?
Named after prized Chinese ceramics, Celadon carries a legacy of artistry, refinement, and timelessness.
Psychologically, the color imparts a sense of tranquility and balance, often associated with clarity and gentle growth.
How can I effectively use Celadon (#ACE1AF) in my UI design?
Celadon works effectively as a primary color in designs aiming for a calm, airy feel, or as a striking accent for buttons and highlights. For sharp, readable text, set it against dark charcoals. To create a softer, more organic palette, pair it with warm creams, sandy beiges, or a muted terracotta for a sophisticated contrast.
While not widely adopted, brands like GoFundMe use a similar green to appear supportive and approachable. Its rarity in digital products gives you a chance to build a unique visual identity that feels both fresh and trustworthy.
Use the tools below to explore curated palettes, test how #ACE1AF performs in contrast accessibility tests, and preview Celadon applied to real UI components from leading apps.
Using Celadon color codes
Using the color Celadon in your digital projects is straightforward with its hex code, #ACE1AF. This six-digit code is a web-standard representation that you can plug directly into CSS, Figma, or Sketch to apply the color.
Different design mediums, however, require different color models. You might need to convert #ACE1AF to RGB (Red, Green, Blue) for screen-based applications or to CMYK (Cyan, Magenta, Yellow, Key) for print materials. Each model defines the color using a unique set of values tailored to its specific output.
To make things easier, we've converted Celadon's #ACE1AF hex code into several popular formats. You can find and copy the exact values you need for your project below.
Analogous
Analogous colors sit beside each other on the color wheel. Paired with Celadon, they form a cohesive and peaceful palette ideal for serene interfaces.
Complementary
Complementary colors are found opposite each other on the color wheel. When paired with Celadon, they produce a striking, high-contrast visual effect.
Split Complementary
A split complementary scheme for Celadon uses the two colors adjacent to its direct opposite, creating high contrast with additional creative flexibility.
Triadic
A triadic scheme pairs Celadon with two other colors, all equally spaced on the color wheel, creating a vibrant and balanced palette.
Tetradic
A tetradic scheme for Celadon creates a balanced palette by pairing it with three other hues, forming two complementary color pairs.
Square
A square color scheme uses four colors equidistant on the color wheel. This arrangement, with Celadon as a base, creates a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Celadon, made by adding black for a deeper, weightier feel.
Tints
Tints are lighter variations of Celadon, created by adding white for a softer, airy effect.
Tones
Tones are created by adding gray to Celadon, resulting in a softer, more muted appearance.
Hues
Hues are variations of Celadon, sharing its base color but with different intensities and temperatures.
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.
