#370617
#9D0208
#E85D04
#FAA307
#FFB9A5Melon
#FFA8DCCotton Candy
#FF7A93Watermelon
#A76100Sienna
Dusk Watermelon & Sienna is a vivid split color palette tagged gradient, warm. A split scheme: Melon plays against Sienna 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 |
|---|---|---|---|---|---|
| Melon | #FFB9A5 | rgb(255, 185, 165) | hsl(13, 100%, 82%) | oklch(84.6% 0.086 37) | |
| Cotton Candy | #FFA8DC | rgb(255, 168, 220) | hsl(324, 100%, 83%) | oklch(83.2% 0.120 343) | |
| Watermelon | #FF7A93 | rgb(255, 122, 147) | hsl(349, 100%, 74%) | oklch(74.0% 0.163 10) | |
| Sienna | #A76100 | rgb(167, 97, 0) | hsl(35, 100%, 33%) | oklch(56.0% 0.127 64) |
Why it works and how to use it
It works because the lightness range is wide (33% to 83%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Melon (#FFB9A5) is the lightest color, so it belongs on large surfaces.
- Text: Sienna (#A76100) on #FFB9A5 gives 2.93:1, so pair it with a darker neutral for body copy.
- Primary: Cotton Candy (#FFA8DC) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Watermelon (#FF7A93) 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 Dusk Watermelon & Sienna
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
#FFB9A5
#FFA8DC
#FF7A93
#A76100
Color-blind check: under tritanopia, Melon and Cotton Candy 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 |
|---|---|---|---|
#FFB9A5 on #A76100 | Aa | 2.93:1 | Fail |
#FFA8DC on #A76100 | Aa | 2.73:1 | Fail |
#FF7A93 on #A76100 | Aa | 1.94:1 | Fail |
#FFB9A5 on #FF7A93 | Aa | 1.51:1 | Fail |
#FFA8DC on #FF7A93 | Aa | 1.41:1 | Fail |
#FFB9A5 on #FFA8DC | Aa | 1.07:1 | Fail |
Similar palettes 24 more in this mood
#501C00
#8F3400
#D05300
#F9DBD4
#981A69
#AD1F03
#FF6A89
#FC83FF
#B7426B
#D87300
#FFAC9F
#F8C13F
#34032D
#832B74
#BE499C
#FE92AA
#FFC26F
#FF896D
#E17D30
#A9233F
#3F6D26
#9A8E38
#C4976A
#FFBAAD
#397700
#C88C00
#BCB600
#FFC9AC
#FFB199
#FF9AA2
#FF7A9C
#E85D8A
#3D0000
#95261C
#D04A28
#F4A259
#BD5F53
#826300
#A73B64
#834500
#7C3300
#A25500
#EB7600
#FCE4EC
#9D50A6
#D53A43
#F8789F
#FFB7E2
#5D2521
#A74242
#E76E5F
#FFD7C9
#FFD8D6
#CE4E59
#A20027
#3E272A
#340723
#9A003B
#EC534E
#FF9D59
#311200
#704800
#B08900
#B3C52A
#994F00
#D4B800
#FFC6B7
#FFCE83
#FFB2CE
#F89782
#EE4D68
#9C1084
#792A2D
#B63845
#F6626A
#FFF7F7
#904F00
#8AC337
#D0C700
#EEBD58
#A22B8D
#C35734
#E26670
#FF77AE
#5A0A14
#9B1B30
#D64550
#F9DADD
#880E4F
#9A5B00
#F06292
#FCE4EC