Millennial Pink color guide
HEX
#F3CFC6
RGB
243, 207, 198
HSL
12°, 65%, 86%
HSV
12°, 19%, 95%
The muted blush that dominated feeds as "modern neutral" — dusty, peach-kissed, and oddly serious for a pink. #F5CEC7 photographs like filtered daylight and pairs with sans-serif minimalism without looking childish. Its cultural footprint is less about sweetness than about taste-making calm.
Best for
Mobile app interfaces, onboarding screens, and light-mode UI themes.
Compare with
Accessibility
Check contrast before using millennial pink for text-heavy layouts, especially on low-contrast backgrounds.
How does millennial pink compare to nearby colors?
What is the difference between millennial pink and apricot?
Millennial Pink (#F3CFC6) feels more softened on screen, while Apricot (#FBCEB1) pushes the family in the opposite direction. Millennial Pink keeps the overall palette calmer, while Apricot introduces more visual insistence with less area. Choose millennial pink when the surrounding system aligns better with beauty packaging, weddings, and soft UI, and move to apricot when the stronger contextual fit is beauty, lifestyle, and soft campaign backgrounds.
What color is millennial pink?
Millennial pink surged in 2010s interiors, fashion, and direct-to-consumer branding, often described as a desaturated rose or peach-pink used as a sophisticated backdrop. It remains a reference point in lifestyle packaging and café aesthetics.
What is the hex code for millennial pink?
| Format | Value |
|---|---|
| HEX | #F3CFC6 |
| RGB | rgb(243, 207, 198) |
| HSL | hsl(12°, 65%, 86%) |
| HSV / HSB | hsv(12°, 19%, 95%) |
| CMYK (approx.) | cmyk(0%, 15%, 19%, 5%) |
Convert Millennial Pink to other color formats
Open the color converter with Millennial Pink (#F3CFC6) prefilled to copy RGB, HSL, HSV, CMYK, or OKLCH values.
Convert Millennial Pink in the color converter →What does millennial pink mean in design?
Millennial pink is often associated with contemporary taste, understated confidence, and curated comfort. Next to pastel pink it is typically warmer and dustier; next to standard pink it feels less saturated and more editorial.
How do I use millennial pink in code?
| CSS (hex) | color: #F3CFC6; |
| CSS (rgb) | color: rgb(243, 207, 198); |
| CSS (hsl) | color: hsl(12, 65%, 86%); |
| RGB % | rgb(95%, 81%, 78%) |
| Tailwind | text-[#F3CFC6] |
| SwiftUI | Color(red: 0.953, green: 0.812, blue: 0.776) |
| UIKit | UIColor(red: 0.953, green: 0.812, blue: 0.776, alpha: 1.0) |
| Android | Color.rgb(243, 207, 198) |
| Compose | Color(0xFFF3CFC6) |
| Web Safe | #FFCCCC |
Is millennial pink accessible?
| Combination | Ratio | AA | AA lg | AAA | AAA lg | UI |
|---|---|---|---|---|---|---|
| AaWhite text on this color | 1.44:1 | ✗ | ✗ | ✗ | ✗ | ✗ |
| AaBlack text on this color | 14.55:1 | ✓ | ✓ | ✓ | ✓ | ✓ |
| AaThis color as text on white | 1.44:1 | ✗ | ✗ | ✗ | ✗ | ✗ |
| AaThis color as text on black | 14.55:1 | ✓ | ✓ | ✓ | ✓ | ✓ |
WCAG 2.1: AA normal ≥ 4.5:1, AA large text ≥ 3:1, AAA normal ≥ 7:1, AAA large ≥ 4.5:1, UI components ≥ 3:1.
How does millennial pink look with color blindness?
Simulated appearance for common types of color vision deficiency. Actual perception varies by individual.
What colors go with millennial pink
Charcoal keeps very light millennial pink from disappearing into the canvas and adds the structure needed for documents, interfaces, and tables.
Navy blue gives millennial pink a cooler frame, which makes the pair easier to use outside explicitly playful or beauty-coded contexts.
Cream helps millennial pink read warmer, softer, and less screen-hard than it would beside pure white.
White is a reliable partner for millennial pink when the goal is clarity: it adds separation, preserves brightness, and avoids extra mood-shifting.
Sage Green changes how millennial pink comes across: more wellness, botanical, and lifestyle palettes in mood, and less likely to feel isolated or unfinished.
What colors clash with millennial pink
Neon Green changes the meaning of millennial pink too abruptly, replacing the source color's beauty packaging, weddings, and soft UI cues with something much louder and less stable.
Magenta pushes millennial pink toward a nightclub or cosmetic register that is hard to square with calmer editorial or product work.
Cyan redirects millennial pink toward a more technical, backlit interpretation, which is risky when the goal is warmth, polish, or print-minded editorial work.
Light Gray sits too close to millennial pink in value, so the palette can wash out before it ever establishes a clear hierarchy.
How should I use millennial pink in design?
- •Millennial Pink works best as a background tint, card fill, or section divider — it adds warmth without competing with foreground content. Pair with dark text for readability.
- •Pair millennial pink with cool accents (navy, sage, steel blue) for sharp contrast, or keep it with other warm tones (cream, gold, tan) for a cohesive, editorial feel.
- •Millennial Pink's lightness makes it a good candidate for email backgrounds, slide canvases, and page sections where you want atmosphere, not distraction.
What are good millennial pink palettes?
Light touch
Mobile app interfaces, onboarding screens, and light-mode UI themes.
Design with millennial pink in Moda
Create a presentation or document using millennial pink as your accent color. Moda's AI applies your color palette automatically.
Create a design with millennial pink →What are the shades and tints of millennial pink?
Shades (darker)
Tints (lighter)
Tones (desaturated)
Hue variations
What are the color harmonies for millennial pink?
Harmonies are calculated from the base swatch. When a harmony matches a named color page, it links there; otherwise it appears here as a computed reference swatch.
Similar colors
Apricot
Apricot sits close to millennial pink on the wheel, but it carries more pigment pressure, which makes it better for faster emphasis and brighter accent work than for broader coverage and quieter supporting roles.
Pink
Pink keeps roughly the same visual weight as millennial pink but changes the undertone story, which is often enough to move a palette from warmer and tactile to cooler and more technical, or the reverse.
Bubblegum
Bubblegum keeps roughly the same visual weight as millennial pink but changes the undertone story, which is often enough to move a palette from warmer and tactile to cooler and more technical, or the reverse.
Blush
Blush is useful when millennial pink is the right weight but the wrong mood: the swap changes temperature and finish more than contrast.
Peach
Peach is nearly adjacent to millennial pink in hue; what separates them is intensity, with peach reading cleaner and more assertive.
Frequently asked questions
What is the hex code for millennial pink?
The hex code for millennial pink is #F3CFC6. In RGB, that's 243 red, 207 green, and 198 blue. The approximate CMYK equivalent is 0% cyan, 15% magenta, 19% yellow, and 5% key (black).
Is millennial pink a warm or cool color?
Millennial Pink reads as warm. It feels most natural with creams, golds, rusts, and other warm accents, while cooler partners like navy or teal create sharper contrast.
Is millennial pink better for backgrounds or accents?
Millennial Pink is usually stronger as a background, card tint, or section surface than as a sharp accent. It works best when darker typography or controls can sit on top and do the hierarchy work.
How should I use millennial pink in a design?
Millennial Pink is light enough that it belongs on surfaces rather than in small text. Use it for backgrounds, soft section breaks, or gentle table shading and keep dark typography on top.
Can I use millennial pink for text or backgrounds?
Millennial Pink works better with dark text than white text. Black text reaches 14.55:1 contrast on the swatch, which makes the color more usable as a background or highlight surface than as a dark panel.
More pink colors
Keep exploring color resources
All color pages
Browse the full library of color references, pairings, and palettes.
Pink colors
Compare millennial pink with other pink tones.
Neutral colors
Explore nearby color families to build stronger palettes and contrasts.
Orange colors
Explore nearby color families to build stronger palettes and contrasts.
Purple colors
Explore nearby color families to build stronger palettes and contrasts.
Last updated April 6, 2026
Color values are computed from the listed hex code using standard conversion formulas. RGB, HSL, and HSV are exact screen-ready conversions. CMYK is an approximate on-screen reference, not a press-ready print specification. Pairings, palettes, and use-case guidance are heuristic recommendations derived from color relationships, contrast behavior, and common presentation, document, and UI patterns.