Sakura

#dfb1b6

Sakura blush with cooler pink undertone for precise highlights

Save
Share

About Sakura

Sakura sits between a blush and a soft petal, but it's less rosy-ceiling than Heart's Content and not as salmon-tinted as . What I notice first is the balance: a light red- that stays enough to read true, yet cools slightly compared to Grandma's Tiles so it feels cleaner and more "inkable" in UI.

I reach for Sakura when I need a panel fill or selection state that looks gentle without turning powdery or gray. It's great for beauty and health flows like skincare routine steps, appointment booking tiles, and patient portal cards where you want warmth, but you don't want the glow to flatten into ceramic softness like Grandma's Tiles. Compared with Heart's Content, it has a touch more presence; compared with , it lands more firmly in -red than peachy blush.

Quick pairing note: over very neutral grays it stays tidy, but pair it with a slightly darker border or text so it doesn't drift toward "washed" when the background is cool.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.89:1Fail

On Gray 100 #f5f5f5

Aa
1.74:1Fail

On Gray 900 #18181b

Aa
9.37:1AAA

On Black #000000

Aa
11.10:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Create a gradient with Sakura

Open the generator with this color pre-loaded.

Start creating