Skip to content

Celadon #ace1af

The glaze emperors chased for a thousand years.

RGB
172, 225, 175
HSL
123°, 47%, 78%
CMYK
24, 0, 22, 12
Luminance
0.6572

About Celadon

Celadon, #ace1af, is the palest green-gray of ancient East Asian ceramics — a color that is really a glaze, prized for imitating jade in porcelain. Softer than mint, cooler than sage, it is understatement fired at 1300°C.

History

Chinese and Korean potters perfected celadon glazes over a millennium; Goryeo celadon remains a national treasure, its exact green the result of iron oxide reduced in a starved kiln. The name may come from a shepherd’s green ribbons in a French play.

Psychology

Celadon reads refined, serene and ancient — green at its most contemplative. It signals craft and quiet luxury: the color of things made slowly and kept forever.

In design

Celadon is a soft surface and ceramic-toned accent: beautiful with cream, warm wood, terracotta and charcoal. Text-free. It cools interiors and packaging with heritage rather than trend.

In culture

Celadon vases in museum vitrines, celadon glazes crackled with age: the color of ceramic mastery. Its name’s theatrical origin is a footnote potters love.

Brands that own celadon

Goryeo ceramics#ace1afWedgwood green kin#b2d3c2Ceramic studios#a3d9a5Tea ceremony ware#a8ceb0Spa minimal#b4e0b7

Shades of celadon

MintSageSeafoamJadeEucalyptusPistachioHoneydewTea green

Every format

HEX#ace1af
RGBrgb(172, 225, 175)
HSLhsl(123, 47%, 78%)
CMYKcmyk(24%, 0%, 22%, 12%)
LABlab(84.8 -26.6 19.1)
LCHlch(84.8 32.7 144.4)
OKLCHoklch(0.860 0.088 146.2)

Copy-ready code

/* CSS */
color: #ace1af;
background-color: #ace1af;
/* Tailwind (arbitrary) */
class="text-[#ace1af] bg-[#ace1af]"
/* SCSS */
$brand: #ace1af;
/* SwiftUI */
Color(red: 0.675, green: 0.882, blue: 0.686)
/* Android */
Color.parseColor("#ace1af")

Accessibility — WCAG contrast

Aa
#ace1af on white: 1.48:1
AA ✗ fail · AA-large ✗ · AAA ✗
Aa
#ace1af on black: 14.14:1
AA ✓ pass · AA-large ✓ · AAA ✓
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red67.5%
Green88.2%
Blue68.6%

CMYK percentages

Cyan23.6%
Magenta0.0%
Yellow22.2%
Key (black)11.8%

Color previews

#ace1af text on a black background

contrast 14.14:1

Card sample

#ace1af text on a white background

contrast 1.48:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #ace1af;
Background color
Panel with #ace1af background
background-color: #ace1af;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #ace1af;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(172, 225, 175, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(172, 225, 175, 0.45);
Border & gradient
Gradient panel
border: 3px solid #ace1af;
background: linear-gradient(135deg, #ace1af, #ACE1D2);

Monochromatic scale

#102D12#236127#36963C#53C159#87D48B#BCE7BE#E1F4E2

Palettes built from #ace1af

UI palette
#E1F4E2
#8FD693
#ace1af
#2B7830
#DBB2D9
Gradient stops
#D2ECCA
#ace1af
#8ED6A8
Accent trio
#ace1af
#C9ACE1
#E1ACC3
Warm–cool bridge
#DEE1AC
#C3E1AC
#ace1af
#ACE1C9
#ACDEE1

Shades — darker

#8FD693#72CC77#54C15B#3FAF46#35923A#2A752E#205723#153A17#0B1D0C

Tints — lighter

#B4E4B7#BCE7BF#C5EAC7#CDEDCF#D5F0D7#DEF3DF#E6F6E7#EEF9EF#F4FBF4

Hue & tone neighbors

#BBE1AC#B2E1AC#ACE1B8#ACE1C1#D1EED3#86D38B#A1ECA5#B7D6B9

Color harmonies

Complement
#ace1af
#E1ACDE
Split-complement
#ace1af
#C9ACE1
#E1ACC3
Analogous
#ace1af
#C3E1AC
#ACE1C9
Triadic
#ace1af
#AFACE1
#E1AFAC
Tetradic
#ace1af
#ACC3E1
#E1ACDE
#E1C9AC

Nearest named colors

aquamarine · ΔE 22.3beige · ΔE 26.0turquoise · ΔE 29.2ivory · ΔE 30.6khaki · ΔE 31.8

Celadon, answered

What is the hex code for celadon?

Celadon is #ace1af — a pale gray-green; ceramic glazes range from #a3d9a5 to #b4e0b7.

What is celadon exactly?

A ceramic glaze, not just a color — iron oxide fired in a reducing (oxygen-starved) kiln produces the jade-like green East Asian potters perfected over centuries.

Celadon vs mint vs sage?

Mint is brighter, sage grayer-warm, celadon the palest cool ceramic green — the most heritage-coded of the three.

Work with #ace1af in the Color Lab

Contrast Checker →Palette Generator →Palette Pro →Scale Generator →CSS Code Generator →Color Blind Simulator →Accessibility Checker →Color Distance →