#7B68EE
#A594F9
#CDC1FF
#F5EFFF
#3D265CSpace
#63408EGrape
#D6B5C8Thistle
#FAF3EESmoke
Bridal Grape & Space is a analogous color palette tagged cold, purple, white. Analogous neighbors on the wheel (Space, Grape, Thistle) give it a natural, low-tension flow. 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 |
|---|---|---|---|---|---|
| Space | #3D265C | rgb(61, 38, 92) | hsl(266, 42%, 25%) | oklch(32.6% 0.094 301) | |
| Grape | #63408E | rgb(99, 64, 142) | hsl(267, 38%, 40%) | oklch(44.9% 0.126 302) | |
| Thistle | #D6B5C8 | rgb(214, 181, 200) | hsl(325, 29%, 77%) | oklch(80.7% 0.046 343) | |
| Smoke | #FAF3EE | rgb(250, 243, 238) | hsl(25, 55%, 96%) | oklch(96.8% 0.010 58) |
Why it works and how to use it
With 3 chromatic colors, Grape takes the lead while the rest support. Lightness runs from 25% to 96%. Well suited to websites, presentations and branding.
- Background: Smoke (#FAF3EE) is the lightest color, so it belongs on large surfaces.
- Text: Space (#3D265C) on #FAF3EE gives 11.73:1, passing WCAG AAA.
- Primary: Grape (#63408E) is the most saturated mid-tone; use it for buttons and links (7.2:1 against the background, fine for UI elements).
- Accent: Thistle (#D6B5C8) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Smoke at 11.73:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Bridal Grape & Space
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
#3D265C
#63408E
#D6B5C8
#FAF3EE
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#3D265C on #FAF3EE | Aa | 11.73:1 | AAA |
#63408E on #FAF3EE | Aa | 7.2:1 | AAA |
#3D265C on #D6B5C8 | Aa | 6.93:1 | AA |
#63408E on #D6B5C8 | Aa | 4.26:1 | AA large only |
#D6B5C8 on #FAF3EE | Aa | 1.69:1 | Fail |
#3D265C on #63408E | Aa | 1.63:1 | Fail |
Similar palettes 24 more in this mood
#F6F1FF
#D8CCF5
#B4A2E8
#3E3560
#14101F
#4D4365
#8E6BFF
#EEE9FF
#DFB8FA
#B1E7E9
#AEBEE7
#FDFDFD
#121826
#8A2BE2
#00FFC6
#F0F0FF
#3D3B6B
#6D6CA6
#B9B8E3
#F2F1FB
#5F31A6
#8F37B7
#DA86E8
#FEF8FF
#3F195F
#7F38AE
#8DC668
#F6F3EA
#EEF4FF
#D8B6F0
#B05ADC
#342241
#3B1752
#793EA4
#C493DF
#F1EFFC
#0B3B2E
#1F6F5B
#C29DFD
#F6F1E6
#5341A4
#5D33DA
#AA98FF
#F1EFFC
#64299F
#A34CFF
#F78BF3
#FFF8FC
#12665C
#2A9D8F
#CFBCFF
#F7F2E4
#3F1F52
#7D4DAB
#B275FF
#FCF9FF
#D2A9C7
#90C7F5
#D8C5EE
#EDF0FF
#BD5BD4
#8EC5FC
#E0C3FC
#FDFDFD
#262D3C
#A049FD
#C9FFEA
#F9F9FF
#4A1D75
#7B3FA0
#C6F35A
#F7F7F7
#FBF9FF
#CEBDF7
#8471C3
#3E3856
#F3EDFF
#C5B4F9
#9182A3
#605C64
#9082FF
#BBB0FF
#E6E1FF
#FBF9FF
#FBFAFF
#C2B8D7
#7F23FE
#555071
#2F1C4E
#6C4996
#9E6DC2
#F3E8F3