Dogwood
#faeae2
Rosy pale gray for soft, warm UI space
About Dogwood
Dogwood sits between Frothy Milk's almost-not-there paleness and Bookworm's deliberate warmth. It's got enough color to land on a page, but it's not trying to announce itself. The kind of soft peachy-beige that reads neutral until you put something darker next to it, then you realize it was there all along.
You'll reach for it in interfaces where you need a warmer base than Coconut Agony's blankness, but don't want Bookworm's editorial coziness. Light product surfaces, health and wellness apps, onboarding flows, minimal brand sites. It pairs naturally with warm typography and mid-tone photography without any friction. Dark text doesn't strain against it.
The quirk: it's more saturated than its neighbors, which means it actually has a point of view. That makes it feel more deliberate than Frothy Milk, but less committed than Bookworm. Use that. It's the one I reach for when I need warmth that doesn't demand attention.
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.