What Color Is Nadeshiko-iro? Pronunciation and Origin Explained with Color Swatches

TIPS

What color is Nadeshiko-iro, and how do you pronounce the name? This traditional Japanese color is a gentle pink with a slight purplish tone, named after the blossoms of the nadeshiko flower. Understanding the name and comparing two published color swatches can help you choose a shade for web design while keeping text and controls distinct.

Nadeshiko-iro is a flower-inspired Japanese color name

Nadeshiko-iro (撫子色, pronounced na-de-shi-ko-i-ro) means a color associated with nadeshiko flowers. Nadeshiko is the Japanese name for plants in the Dianthus family, including the native kawara-nadeshiko. The traditional color is often described as a soft pink leaning slightly toward red-purple, rather than a vivid primary red.

One explanation of the plant name associates its delicate flowers with a cherished child—someone one might want to stroke gently and care for. Japan’s National Diet Library Collaborative Reference Database also records other proposed origins for the plant’s name, so this interpretation should not be treated as the only established explanation. Nadeshiko flowers appear in classical Japanese poetry, and the name was also used in Heian-period kasane no irome, combinations of layered garment colors. None of that means a modern digital color value existed at the time.

Compare color swatches and choose an exact HEX code

Wairo Daijiten, a Japanese color dictionary, shows Nadeshiko-iro as #EEBBCB, while the I-IRO color reference uses #CF8F97. HEX is a hexadecimal notation for specifying an exact web color. The Wairo Daijiten sample corresponds to RGB 238, 187, 203 and the I-IRO sample to RGB 207, 143, 151. RGB represents colors using red, green, and blue component values. The I-IRO sample has lower red, green, and blue values and appears darker and more muted.

#EEBBCB

Wairo Daijiten swatch
#CF8F97

I-IRO swatch

These two examples contrast with each other by about 1.57:1, with the I-IRO example visibly darker. A traditional color name does not necessarily identify one universally fixed digital value. When working on a site, choose the reference shade you intend to use and keep its HEX code consistent. Do not depend on the difference between these two pinks to mark an important boundary or state.

An example for a flower exhibition or workshop page

For a floral event page, use the Wairo Daijiten shade #EEBBCB as the large opening background and deep plum #4F3343 for the headline. Their contrast ratio—a measurement of the relative lightness difference between two colors—is approximately 6.68:1. Supporting information in dark blue-gray #27343C achieves about 7.67:1 on the pink. The soft floral shade can cover a broad area while the darker text carries the information.

#EEBBCB

Floral event background
#4F3343

Headline text color
#FFFFFF

Date and venue card
#75606A

Necessary card border
#205B56

Registration button

If you place the date and location inside a white #FFFFFF card, the card differs from the pink background by only about 1.67:1. Where a clearer edge is needed, add a muted plum-gray #75606A border, giving about 3.47:1 against the pink outside and 5.77:1 against the white interior. A deep teal #205B56 registration button with white #FFFFFF lettering provides about 7.80:1 text contrast and approximately 4.68:1 contrast against the surrounding pink.

Keep pale Nadeshiko-iro backgrounds readable

Wairo Daijiten’s Nadeshiko-iro #EEBBCB contrasts with white #FFFFFF at only about 1.67:1; I-IRO’s Nadeshiko-iro #CF8F97 gives about 2.62:1. Both are too low for ordinary white body text. Choose dark lettering instead, and avoid conveying selection or important categories through differences between pink shades alone. If placing text over a flower photo, assess the actual light and dark areas of the photo separately.

Under WCAG 2.2 (Web Content Accessibility Guidelines) Level AA, normal-sized text needs at least 4.5:1 contrast with its background and large text needs 3:1. Essential visual information identifying user-interface controls can also require 3:1 against adjacent colors. HueRoll accepts HEX input, offers related colors and palette suggestions, and compares the selected color with white or black. It cannot check arbitrary two-color combinations or automatically determine AA or AAA compliance, so test the actual pairings in the finished design separately.