Baby Bunting

Gentle ashy blue for modern interfaces

Baby Bunting color codes graphic
Baby Bunting is an ashy, desaturated blue with a cool, airy character. It works best as a primary background color for clean, professional UI designs where clarity matters. Because it is highly readable with black text, it functions well for long-form content. If your design feels too cold, pairing this hex code with deeper pink tones helps warm the overall palette. #abcaea is reliable but can look washed out against pure white.

About Baby Bunting

Faded chambray shirt washed one hundred times

What does baby bunting mean?

Baby Bunting often calls up nurseries, baby blankets, and soft spring skies, since pale blues are commonly tied to calm and care. Its very low saturation and light, cool tone read as muted and airy, like overcast morning light through a thin curtain.

Where you see baby bunting

  • chambray shirts
  • porcelain teacups
  • frosted window glass
  • cotton baby blankets
  • wedgwood pottery
  • morning fog

What it works for

Use Baby Bunting as a quiet background in nurseries, bedding, packaging, or interfaces that need a cool, gentle base.

What colors go with baby bunting?

Questions about Baby Bunting

What is the hex code for Baby Bunting?
Baby Bunting is #abcaea. In RGB that is rgb(171, 202, 234), in HSL hsl(210, 60%, 79%) and in CMYK 27%, 14%, 0%, 8%.
How can I use Baby Bunting in my UI designs?
Baby Bunting works best as a primary background color because of its low saturation and high readability with black typography. Use it for long-form content or minimalist dashboards to keep the viewer focus on the text rather than the background.
Is Baby Bunting readable on white or black?
Baby Bunting has a 1.69:1 contrast ratio on white and 12.36: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.