Celadon Blue
A balanced and reliable mid-tone blue
Celadon Blue is a steady, mid-tone blue that avoids being overly bright or saturated. It feels professional and secure, making it a reliable choice for finance or tech branding. Pair this shade with soft grays to ground the color, as it can feel too dominant in large blocks. The hex code for Celadon Blue is #007ba7, which provides enough contrast for white text to remain legible.
About Celadon Blue
Pool water an hour before closing
What does celadon blue mean?
Celadon blue often carries associations with shallow water, glazed pottery, and clear coastal skies. Its muted saturation and medium depth read as steady and restrained, less loud than a bright azure.
Where you see celadon blue
- swimming pool water
- ceramic tile
- scrub tops
- beach umbrellas
- glass bottles
- life vests
What it works for
This shade suits spa branding, bathroom tile, coastal packaging, and dashboards that need a cool neutral blue.
What colors go with celadon blue?
Coral #ff7f50Warm coral sits opposite on the wheel and keeps the blue from feeling flat.Cream #fffdd0Cream softens the cool tone and gives designs a relaxed, airy base.Mustard #ffdb58Mustard's low-key warmth contrasts with the blue without sharp visual tension.Blush #de5d83Blush adds a pale warm accent that keeps the palette gentle and balanced.Terracotta #e2725bTerracotta grounds the cool blue with earthy warmth borrowed from pottery.
Questions about Celadon Blue
What is the hex code for Celadon Blue?
Celadon Blue is #007ba7. In RGB that is rgb(0, 123, 167), in HSL hsl(196, 100%, 33%) and in CMYK 100%, 26%, 0%, 35%.
How should I use Celadon Blue in a professional interface?
Celadon Blue works best as a primary accent color for tech or financial applications where stability is key. It pairs effectively with charcoal or light neutral grays, ensuring your text remains readable while maintaining a serious, composed aesthetic throughout your design.
Does #007ba7 read as warm or cool?
This color maintains cool, stable undertones that prevent it from feeling overly vibrant or energetic. It functions as a steady, workhorse shade that avoids the heavy saturation of primary blues, making it suitable for long-term interface use without causing visual fatigue.
Is Celadon Blue readable on white or black?
Celadon Blue has a 4.78:1 contrast ratio on white and 4.39:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.