Celadon
Soft and organic pale jade green
Celadon is a pale, unsaturated green with significant lightness. Because it reads as a neutral, this color works best as a primary background in UI design where you want a clean, organic feel. The hex code for this shade is #ace1af. It offers excellent contrast for black text, ensuring readability. It pairs surprisingly well with earthy tones or even when learning mixing pink for a soft, springtime palette.
About Celadon
Glazed pottery cooled to a pale spring green
What does celadon mean?
Celadon often calls to mind glazed porcelain, jade carvings, new leaves, and the fresh green of early spring. Its high lightness and low saturation make it feel rinsed and airy, like a color thinned with water rather than brightened.
Where you see celadon
- sea glass
- jadeite mixing bowls
- honeydew flesh
- celery stalks
- glazed ceramic tile
- frosted mint leaves
What it works for
It works well for large background areas, spa and wellness packaging, nursery textiles, and soft accent blocks in gentle interface designs.
What colors go with celadon?
Terracotta #e2725bWarm clay orange sits across from this cool green and keeps it from feeling washed out.Charcoal #36454fA near-black base makes the pale green read even lighter and cleaner.Dusty Rose #b56f76Both colors are muted, so neither one crowds the other.Navy #000080Deep blue adds weight and turns the pastel green into a clear highlight.Cream #fffdd0A warm near-white keeps the whole palette soft without going flat.
Questions about Celadon
What is the hex code for Celadon?
Celadon is #ace1af. In RGB that is rgb(172, 225, 175), in HSL hsl(123, 47%, 78%) and in CMYK 24%, 0%, 22%, 12%.
Is Celadon readable on white or black?
Celadon has a 1.48:1 contrast ratio on white and 14.14:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.