#FF8FA6
#B587D7
#E26E4D
#BE389F
#77318DGrape
#A9424FChestnut
#C94697Mulberry
#FB7634Pumpkin
Horizon Mulberry & Pumpkin is a split color palette tagged sunset, gradient, vibrant. A split scheme: Grape plays against Pumpkin across roughly 94° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Grape | #77318D | rgb(119, 49, 141) | hsl(286, 48%, 37%) | oklch(45.1% 0.156 317) | |
| Chestnut | #A9424F | rgb(169, 66, 79) | hsl(352, 44%, 46%) | oklch(52.2% 0.135 16) | |
| Mulberry | #C94697 | rgb(201, 70, 151) | hsl(323, 55%, 53%) | oklch(60.0% 0.186 346) | |
| Pumpkin | #FB7634 | rgb(251, 118, 52) | hsl(20, 96%, 59%) | oklch(71.4% 0.180 44) |
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 (59% down to 37% lightness). A natural fit for websites, presentations and branding.
- Background: Pumpkin (#FB7634) is the lightest color, so it belongs on large surfaces.
- Text: Grape (#77318D) on #FB7634 gives 2.97:1, so pair it with a darker neutral for body copy.
- Primary: Mulberry (#C94697) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Chestnut (#A9424F) 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 Horizon Mulberry & Pumpkin
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
#77318D
#A9424F
#C94697
#FB7634
Color-blind check: under tritanopia, Chestnut and Mulberry 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 |
|---|---|---|---|
#77318D on #FB7634 | Aa | 2.97:1 | Fail |
#A9424F on #FB7634 | Aa | 2.16:1 | Fail |
#77318D on #C94697 | Aa | 1.84:1 | Fail |
#C94697 on #FB7634 | Aa | 1.61:1 | Fail |
#77318D on #A9424F | Aa | 1.37:1 | Fail |
#A9424F on #C94697 | Aa | 1.34:1 | Fail |
Similar palettes 24 more in this mood
#A22B8D
#C35734
#E26670
#FF77AE
#981A69
#AD1F03
#FF6A89
#FC83FF
#7C4EB5
#EC483E
#FF85B0
#F590EC
#FFACC1
#F86DCD
#D7716B
#B25EC6
#9E004A
#972926
#813E93
#C05C9F
#8935B6
#B41772
#CC59C0
#FF7389
#9D50A6
#D53A43
#F8789F
#FFB7E2
#FFB2CE
#F89782
#EE4D68
#9C1084
#F789FF
#E067A4
#8359C7
#BC0B3A
#742EA2
#D0307B
#E25AD0
#FFBFBC
#9E3B3E
#9F5900
#F68357
#FBBA36
#B7426B
#D87300
#FFAC9F
#F8C13F
#FFC26F
#FF896D
#E17D30
#A9233F
#397700
#C88C00
#BCB600
#FFC9AC
#00705F
#9FB100
#4CE26B
#FBCF64
#CD5973
#DD5634
#C181DD
#FFAADF
#904F00
#8AC337
#D0C700
#EEBD58
#8D366E
#9D63E8
#CD8BD6
#FF9FB5
#B62E8E
#FF9597
#F2ADF8
#FFB8CB
#4B1263
#D77257
#F1B86B
#F0EBB6
#3A1C71
#D76D77
#FFAF7B
#FFE5B4
#5E3A5A
#B65D6B
#F09A5D
#FFD89C
#2A1E3F
#85486F
#D9636C
#FFB86B