#9D50A6
#D53A43
#F8789F
#FFB7E2
#981A69Plum
#AD1F03Chili
#FF6A89Watermelon
#FC83FFOrchid
Sunset Orchid & Watermelon is a vivid split color palette tagged sunset, gradient, vibrant. A split scheme: Plum plays against Orchid across roughly 71° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Plum | #981A69 | rgb(152, 26, 105) | hsl(322, 71%, 35%) | oklch(46.2% 0.175 348) | |
| Chili | #AD1F03 | rgb(173, 31, 3) | hsl(10, 97%, 35%) | oklch(48.3% 0.180 32) | |
| Watermelon | #FF6A89 | rgb(255, 106, 137) | hsl(348, 100%, 71%) | oklch(71.7% 0.182 10) | |
| Orchid | #FC83FF | rgb(252, 131, 255) | hsl(299, 100%, 76%) | oklch(78.7% 0.208 326) |
Why it works and how to use it
With 4 chromatic colors, Watermelon takes the lead while the rest support. Lightness runs from 35% to 76%. Well suited to websites, presentations and branding.
- Background: Orchid (#FC83FF) is the lightest color, so it belongs on large surfaces.
- Text: Plum (#981A69) on #FC83FF gives 3.66:1, enough for large headings only.
- Primary: Watermelon (#FF6A89) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Chili (#AD1F03) 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 Sunset Orchid & Watermelon
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
#981A69
#AD1F03
#FF6A89
#FC83FF
Color-blind check: under tritanopia, Plum and Chili 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 |
|---|---|---|---|
#981A69 on #FC83FF | Aa | 3.66:1 | AA large only |
#AD1F03 on #FC83FF | Aa | 3.31:1 | AA large only |
#981A69 on #FF6A89 | Aa | 2.86:1 | Fail |
#AD1F03 on #FF6A89 | Aa | 2.58:1 | Fail |
#FF6A89 on #FC83FF | Aa | 1.28:1 | Fail |
#981A69 on #AD1F03 | Aa | 1.11:1 | Fail |
Similar palettes 24 more in this mood
#7C4EB5
#EC483E
#FF85B0
#F590EC
#FFC26F
#FF896D
#E17D30
#A9233F
#9E004A
#972926
#813E93
#C05C9F
#8935B6
#B41772
#CC59C0
#FF7389
#FFB2CE
#F89782
#EE4D68
#9C1084
#F789FF
#E067A4
#8359C7
#BC0B3A
#A22B8D
#C35734
#E26670
#FF77AE
#B7426B
#D87300
#FFAC9F
#F8C13F
#397700
#C88C00
#BCB600
#FFC9AC
#FFACC1
#F86DCD
#D7716B
#B25EC6
#FF8FA6
#B587D7
#E26E4D
#BE389F
#904F00
#8AC337
#D0C700
#EEBD58
#77318D
#A9424F
#C94697
#FB7634
#742EA2
#D0307B
#E25AD0
#FFBFBC
#B62E8E
#FF9597
#F2ADF8
#FFB8CB
#9E3B3E
#9F5900
#F68357
#FBBA36
#3D0C11
#D80032
#F78CA2
#F9DEC9
#00705F
#9FB100
#4CE26B
#FBCF64
#994F00
#D4B800
#FFC6B7
#FFCE83
#CD5973
#DD5634
#C181DD
#FFAADF
#8D366E
#9D63E8
#CD8BD6
#FF9FB5
#321818
#B05253
#DA9EA9
#F0E1D5
#370617
#9D0208
#E85D04
#FAA307