#373276Space
#CD6789Blush
#E1AC74Tan
#F8F9F9Snow

Bold Blush & Space color palette

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Space#373276rgb(55, 50, 118)hsl(244, 40%, 33%)oklch(36.2% 0.113 283)
Blush#CD6789rgb(205, 103, 137)hsl(340, 50%, 60%)oklch(64.3% 0.134 0)
Tan#E1AC74rgb(225, 172, 116)hsl(31, 64%, 67%)oklch(78.1% 0.095 67)
Snow#F8F9F9rgb(248, 249, 249)hsl(180, 8%, 97%)oklch(98.1% 0.001 197)

Why it works and how to use it

Bold Blush & Space is a complementary color palette tagged modern, pink, white. Near-complementary hues (about 147° apart) make this a high-contrast, attention-grabbing combination. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Tan takes the lead while the rest support. Lightness runs from 33% to 97%. Well suited to websites, presentations and branding.

  • Background: Snow (#F8F9F9) is the lightest color, so it belongs on large surfaces.
  • Text: Space (#373276) on #F8F9F9 gives 10.59:1, passing WCAG AAA.
  • Primary: Tan (#E1AC74) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Blush (#CD6789) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Snow at 10.59:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Bold Blush & Space

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary
Card title
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#373276
#CD6789
#E1AC74
#F8F9F9

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Bold Blush & Space color palette card: Space #373276, Blush #CD6789, Tan #E1AC74, Snow #F8F9F9
Save or share Bold Blush & Space as an image with its hex codes.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#373276 on #F8F9F9Aa10.59:1AAA
#373276 on #E1AC74Aa5.51:1AA
#CD6789 on #F8F9F9Aa3.38:1AA large only
#373276 on #CD6789Aa3.14:1AA large only
#E1AC74 on #F8F9F9Aa1.92:1Fail
#CD6789 on #E1AC74Aa1.76:1Fail

Similar palettes 24 more in this mood