Soft Gentle Blossom Rose
Category: Pink
Pastel Pink (#FFD1DC) — Color Codes, Meaning & UI Palettes
Pastel Pink is a delicate, soothing tint of pale rose with high lightness and soft saturation. Evoking cherry blossoms, spring confectionery, and gentle warmth, it creates an inviting, accessible environment in digital products.
Click to Copy HEX
Pastel Pink
#FFD1DC
HEX
#FFD1DC
RGB
rgb(255, 209, 220)
HSL
hsl(346deg, 100%, 91%)
CMYK (Print)
cmyk(0%, 18%, 14%, 0%)
Apple Display P3
color(display-p3 1.000 0.820 0.863)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
1.36:1 (Fail)
Black Text (#000000)
15.41:1 (AAA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#FFFCFD
100
#FFF8F9
200
#FFF0F4
300
#FFE7ED
400
#FFDCE4
500
#FFD1DC
600
#CCA7B0
700
#997D84
800
#665458
900
#382E30
950
#1F191A
Color Harmonies & Palette Schemes
Complementary
#D1FFF4
Opposite 180° Contrast
Analogous -30°
#FFD1F3
Natural Harmony
Analogous +30°
#FFDDD1
Natural Harmony
Triadic +120°
#DCFFD1
120° Balanced Triad
Triadic +240°
#D1DCFF
120° Balanced Triad
Curated UI Design Pairings for Pastel Pink
Ideal for soft badge backgrounds, welcoming card accents, and lifestyle branding. Use dark charcoal or navy text rather than white to guarantee WCAG AA accessibility.
Deep Navy
#0F172A
High-Contrast Typography
Rose Quartz
#F43F5E
Primary Action Accent
Soft Vanilla
#FFFDF9
Warm Surface
Sage Green
#9CAF88
Harmonic Botanical Contrast
Export Pastel Pink Code Snippets
CSS Variable
--color-pastel-pink: #FFD1DC;
Tailwind Config
'pastel-pink': '#FFD1DC'
Swift / SwiftUI
Color(hex: "#FFD1DC")
JSON Design Token
{"name": "Pastel Pink", "hex": "#FFD1DC"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.