Strawberry Frappé
#ffa2aa
Cooler strawberry blush, mid-light for alert accents
About Strawberry Frappé
Strawberry Frappé looks like pink cream with its edges rubbed soft. It's lighter than Pink Fit and Pink Blush, but it doesn't sink into the airy hush of Ballet Slippers. Compared to those receding, lower-chroma pinks, this one stays visibly pink, with a cooler-leaning rosy undertone that feels smoother than candy sweetness.
I use it most in beauty and wellness interfaces when the UI needs to feel friendly without getting sleepy. Think skincare onboarding, patient intake, and calm account states where you want a tint for backgrounds, gentle button states, or secondary callouts that read "fresh" at a glance. It also works well for promo chips and light card fills in ecommerce, especially where warm creams are already doing the heavy lifting.
Pair it with soft cool grays or warm white for balance. On very bright whites, keep the contrast controlled so it stays creamy instead of turning flat.
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.
Similar colors
Create a gradient with Strawberry Frappé
Open the generator with this color pre-loaded.
Start creating