Celeste

Celeste is a pale, airy cyan that sits on the cooler side of the color spectrum.

It carries distinct green undertones, giving it a brighter, more ethereal quality than a traditional sky blue.

Named after the Latin word for "heavenly," Celeste embodies tranquility, clarity, and a sense of boundless open space. It's a color that speaks to the mind, suggesting serenity and a calm, focused state.

This ethereal shade often symbolizes purity and spirituality, evoking a feeling of gentle peace and quiet contemplation, much like a clear, quiet sky.

When working with Celeste (#B2FFFF) in UI design, its high brightness makes it an excellent choice for spacious backgrounds or subtle accents. To maintain readability, always pair it with a dark, high-contrast foreground color for text. For color pairings, consider a monochromatic scheme with deeper blues for a stable look, or add a complementary soft orange to create a vibrant focal point.

While not a dominant color in most branding, you can see shades reminiscent of Celeste in the identity of companies like Intercom, which project a friendly and approachable feel. Its relative rarity is an advantage, as using #B2FFFF can help a brand appear fresh and stand out in a crowded market.

To see how #B2FFFF performs in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview Celeste applied to UI components from leading apps.

Using the color Celeste in your digital work is straightforward with its hex code, #B2FFFF. This code can be directly plugged into CSS or design tools like Figma and Sketch to apply the color with perfect accuracy.

While #B2FFFF is ideal for screens, you might need different codes for other mediums. For instance, RGB values define color for digital displays by mixing red, green, and blue light. For print projects, you'll need the CMYK equivalent, which is based on ink colors. Other models like HSL offer a more intuitive way to modify color by adjusting its hue, saturation, and lightness.

To help you get started, we’ve converted Celeste’s hex code #B2FFFF into a range of popular formats. You can find and copy the exact values you need for your project below.