#5B3DF5
#8E6BFF
#FF8FB1
#FFD1DC
#CB71FFOrchid
#AF3261Magenta
#4E2AB5Grape
#5C3351Plum Purple
Orchid & Grape Breeze is a split color palette tagged vibrant, purple. A split scheme: Orchid plays against Plum Purple across roughly 81° of hue. 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 |
|---|---|---|---|---|---|
| Orchid | #CB71FF | rgb(203, 113, 255) | hsl(278, 100%, 72%) | oklch(70.7% 0.212 311) | |
| Magenta | #AF3261 | rgb(175, 50, 97) | hsl(337, 56%, 44%) | oklch(51.8% 0.165 2) | |
| Grape | #4E2AB5 | rgb(78, 42, 181) | hsl(256, 62%, 44%) | oklch(42.7% 0.202 286) | |
| Plum Purple | #5C3351 | rgb(92, 51, 81) | hsl(316, 29%, 28%) | oklch(38.3% 0.073 338) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a soft light-to-dark ladder (72% down to 28% lightness). A natural fit for websites, presentations and branding.
- Background: Orchid (#CB71FF) is the lightest color, so it belongs on large surfaces.
- Text: Plum Purple (#5C3351) on #CB71FF gives 3.59:1, enough for large headings only.
- Primary: Grape (#4E2AB5) is the most saturated mid-tone; use it for buttons and links (3.16:1 against the background, fine for UI elements).
- Accent: Magenta (#AF3261) for highlights, badges and hover states.
No pair inside the palette reaches 4.5:1, so add black or white for body text.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Orchid & Grape Breeze
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
#CB71FF
#AF3261
#4E2AB5
#5C3351
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#CB71FF on #5C3351 | Aa | 3.59:1 | AA large only |
#CB71FF on #4E2AB5 | Aa | 3.16:1 | AA large only |
#CB71FF on #AF3261 | Aa | 2.13:1 | Fail |
#AF3261 on #5C3351 | Aa | 1.69:1 | Fail |
#AF3261 on #4E2AB5 | Aa | 1.49:1 | Fail |
#4E2AB5 on #5C3351 | Aa | 1.13:1 | Fail |
Similar palettes 24 more in this mood
#6B2D5C
#F0386B
#FF5376
#F8C0C8
#10002B
#5A189A
#9D4EDD
#E0AAFF
#3C096C
#7B2CBF
#C77DFF
#E0AAFF
#F72585
#7209B7
#3A0CA3
#4CC9F0
#1B1B1B
#F96D00
#8B5CF6
#F2F2F2
#240046
#6021A1
#9D4EDD
#FF9E00
#7400B8
#5E60CE
#4EA8DE
#80FFDB
#FF006E
#FB5607
#FFBE0B
#8338EC
#3A0CA3
#7209B7
#B5179E
#F72585
#4B0082
#8A2BE2
#DA70D6
#FFE4F3
#692390
#5E6891
#4194F1
#DBD6FF
#775249
#872870
#850039
#120115
#9A002E
#A83CB4
#B66746
#F151AA
#FE9AED
#C77D96
#923E00
#8F101F
#A92E65
#A1602E
#DB81D7
#F79287
#A26ACD
#CB5A8F
#6F5FCC
#763070
#981A69
#AD1F03
#FF6A89
#FC83FF
#E488D8
#FF6B9F
#7385DE
#5D009C
#D62598
#7B2CBF
#FFC300
#FFFFFF
#A630C1
#755EF5
#7ABCFF
#80E6FF
#10002B
#7B2CBF
#E0AAFF
#00F5D4
#121826
#8A2BE2
#00FFC6
#F0F0FF
#7C4EB5
#EC483E
#FF85B0
#F590EC