Angel Wing
#f3dfd7
Feather-light pinkish gray for airy UI balance
About Angel Wing
Angel Wing is what you pick when you want warmth but need it to feel accidental. It's got a soft peachy undertone that sits just barely above white, the kind of color that reads as approachable without announcing itself. Unlike Angelic Wings, which pulls away from warmth entirely, this one leans into it, but gently, almost like it happened by accident rather than by design.
You'll land on it in healthcare interfaces, reading apps, and SaaS dashboards where you need a backdrop that doesn't feel cold or clinical. It works behind body copy without the flatness of Coconut Agony, and it's warmer than Bookworm while staying lighter. Dark text reads cleanly. Photography doesn't fight it. It's the background color for interfaces that want to feel thoughtful without trying too hard.
The thing: it's saturated just enough to have personality, but restrained enough to stay in the background. Pair it with warm blacks and it feels natural. Pair it with cool grays and there's a subtle warmth that prevents anything from feeling austere.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.