Apricot Haze
Warm and mellow light peach pastel
Apricot Haze is a light, unsaturated pastel with a warm, mellow glow. Because of its high lightness, it pairs perfectly with deep charcoal or black text for optimal readability. This shade works best as a supporting tone in spring-themed palettes or soft UI backgrounds. The hex code for this color is #ffaaaa. Avoid using it as a dominant color, as it can feel washed out in large areas.
About Apricot Haze
Grapefruit fizz at a sunlit diner counter
What does apricot haze mean?
Apricot Haze often reads as sweet, gentle, and friendly, so it commonly shows up in spring themes, soft branding, and nursery decor. Its high lightness and low saturation give it a mellow, warm glow, like daylight filtered through a sheer pink curtain.
Where you see apricot haze
- salmon fillets
- grapefruit flesh
- rosé wine
- flamingo feathers
- chalk pastels
- seashell interiors
What it works for
It works well for backgrounds, packaging, and accents that need warmth without loudness or weight.
What colors go with apricot haze?
Sage Green #9caf88The muted green cools the warm pink and keeps the whole palette calm.Deep Teal #00555aDark teal supplies contrast and makes the pastel read brighter by comparison.Charcoal #36454fCharcoal grounds the soft pink so it feels deliberate instead of faint.Chocolate Brown #7b3f00Brown shares the pink's warmth and deepens it into something richer.Cream #fffdd0Cream extends the pink's warmth into a soft, low-contrast palette.
Questions about Apricot Haze
What is the hex code for Apricot Haze?
Apricot Haze is #ffaaaa. In RGB that is rgb(255, 170, 170), in HSL hsl(0, 100%, 83%) and in CMYK 0%, 33%, 33%, 0%.
Is #ffaaaa suitable for large backgrounds in UI design?
Using #ffaaaa as a dominant color in large areas can often make a design feel washed out or overly pale. It functions most effectively as a subtle accent or a soft background element that supports more vibrant or darker foreground content.
Is Apricot Haze readable on white or black?
Apricot Haze has a 1.81:1 contrast ratio on white and 11.58: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.