Carolina Blue

Carolina Blue is a soft, pale shade of sky blue. It carries a cool temperature with subtle gray undertones, giving it a gentle and serene appearance rather than a vibrant one.

This specific hue, #99BADD, sits comfortably between cyan and azure, possessing a low saturation that contributes to its calm and airy character.

Carolina Blue projects a sense of tranquility and openness, inspiring feelings of calm confidence and clarity.

Historically, its identity is tied to the University of North Carolina, where the color symbolizes a rich tradition and spirit of excellence.

In UI design, Carolina Blue (#99BADD) shines when paired with strong contrasts. Consider using it as a primary or accent color against deep charcoals or crisp whites to maintain readability and visual structure. For a more dynamic palette, a complementary warm orange can create focal points, while analogous greens and purples offer a harmonious feel. Applying the 60-30-10 rule can help balance these combinations effectively.

While not as common as a standard corporate blue, brands like Retool, Sprout Social, Quartz, and Culture Trip use similar shades to project a calm, approachable, and modern identity. This relative rarity presents an opportunity for differentiation, allowing a product to establish a memorable and distinct visual presence.

To see these principles in action, use the tools below. You can explore curated palettes, test the contrast of your color pairings for accessibility, and preview how Carolina Blue looks within the UI components of leading apps.

To apply Carolina Blue in your work, start with its hex code: #99BADD. This six-digit code is the web standard, but for projects that go beyond the screen, you will need its equivalents in other color models to maintain consistency.

Different design applications require different codes. For digital displays, you will use the RGB (Red, Green, Blue) values, which define color through light. For print materials, you will need the CMYK (Cyan, Magenta, Yellow, Key/Black) values, which are based on ink. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to adjust color variations.

To make things simple, we have converted #99BADD into a full range of popular formats. You can find and copy the exact codes you need for your project below.