#A630C1
#755EF5
#7ABCFF
#80E6FF
#CD6789Blush
#643F8CGrape
#373276Space
#88C2D7Sky Blue
Navy Blush & Grape is a complementary color palette tagged modern, pink, purple. Near-complementary hues (about 144° 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.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Blush | #CD6789 | rgb(205, 103, 137) | hsl(340, 50%, 60%) | oklch(64.3% 0.134 0) | |
| Grape | #643F8C | rgb(100, 63, 140) | hsl(269, 38%, 40%) | oklch(44.7% 0.125 304) | |
| Space | #373276 | rgb(55, 50, 118) | hsl(244, 40%, 33%) | oklch(36.2% 0.113 283) | |
| Sky Blue | #88C2D7 | rgb(136, 194, 215) | hsl(196, 50%, 69%) | oklch(78.2% 0.067 223) |
Why it works and how to use it
With 4 chromatic colors, Blush takes the lead while the rest support. Lightness runs from 33% to 69%. Well suited to websites, presentations and branding.
- Background: Sky Blue (#88C2D7) is the lightest color, so it belongs on large surfaces.
- Text: Space (#373276) on #88C2D7 gives 5.71:1, passing WCAG AA.
- Primary: Blush (#CD6789) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Grape (#643F8C) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Sky Blue at 5.71:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Navy Blush & Grape
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#CD6789
#643F8C
#373276
#88C2D7
Color-blind check: under protanopia, Grape and Space become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#373276 on #88C2D7 | Aa | 5.71:1 | AA |
#643F8C on #88C2D7 | Aa | 4.08:1 | AA large only |
#CD6789 on #373276 | Aa | 3.14:1 | AA large only |
#CD6789 on #643F8C | Aa | 2.24:1 | Fail |
#CD6789 on #88C2D7 | Aa | 1.82:1 | Fail |
#643F8C on #373276 | Aa | 1.4:1 | Fail |
Similar palettes 24 more in this mood
#1053C1
#9267B3
#E17BA0
#FFB390
#A44042
#9F54A6
#8C75C6
#DD92B2
#386AD0
#6E73E3
#B49DFF
#DEB4FF
#9F004A
#B157B3
#A390FF
#98C8FF
#93D0FF
#849DFF
#A186CC
#853E7E
#D871CA
#0582CA
#F5F0E1
#F4A261
#6B2D5C
#00A09A
#FF5376
#F8C0C8
#0083AF
#FDFDFD
#F9C5D1
#2E7D5B
#FFA8C1
#9A71CB
#6664B4
#D7F4FF
#786A00
#8E6BFF
#FF8FB1
#FFD1DC
#D6B2C3
#FD99CA
#86C7ED
#703FAA
#D2637C
#638CCC
#E8C582
#FDFDFD
#001725
#9BA0FF
#FF99B4
#A6DA7C
#FFD0C8
#F47EAE
#B368C0
#6C53CF
#3A224F
#77427F
#DC7C91
#FEE2E0
#1B1B1B
#E764C3
#008FB6
#F2F2F2
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#00A7D3
#FFB3C1
#7BC96F
#2D6A4F
#FFF8F0
#FFD2CB
#FF819E
#1B3240
#00272F
#FF9898
#E5E5E5
#FDFDFD
#EEABE1
#BFBAC2
#8784AB
#A96C82
#3B2F0D
#7D602F
#EC9388
#FFF7F2
#EA4A59
#8EC5FC
#E0C3FC
#FDFDFD