#E88268
#FFB69D
#7C6350
#F7F3EA
#E78F73Salmon
#EFB2A0Melon
#9E826BMocha
#F2EEDFEggshell
Vintage Salmon & Melon is a pastel light, analogous color palette tagged warm, romantic, earthy. Analogous neighbors on the wheel (Salmon, Melon, Mocha) give it a natural, low-tension flow. High lightness and gentle saturation put it firmly in pastel territory. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Salmon | #E78F73 | rgb(231, 143, 115) | hsl(14, 71%, 68%) | oklch(73.5% 0.115 38) | |
| Melon | #EFB2A0 | rgb(239, 178, 160) | hsl(14, 71%, 78%) | oklch(81.5% 0.076 37) | |
| Mocha | #9E826B | rgb(158, 130, 107) | hsl(27, 21%, 52%) | oklch(62.7% 0.048 61) | |
| Eggshell | #F2EEDF | rgb(242, 238, 223) | hsl(47, 42%, 91%) | oklch(94.8% 0.020 95) |
Why it works and how to use it
With 4 chromatic colors, Salmon takes the lead while the rest support. Lightness runs from 52% to 91%. Well suited to wellness, organic and outdoor brands.
- Background: Eggshell (#F2EEDF) is the lightest color, so it belongs on large surfaces.
- Text: Mocha (#9E826B) on #F2EEDF gives 3.08:1, enough for large headings only.
- Primary: Salmon (#E78F73) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Melon (#EFB2A0) 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 Vintage Salmon & Melon
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
#E78F73
#EFB2A0
#9E826B
#F2EEDF
Color-blind check: under protanopia, Salmon and Mocha 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 |
|---|---|---|---|
#9E826B on #F2EEDF | Aa | 3.08:1 | AA large only |
#E78F73 on #F2EEDF | Aa | 2.11:1 | Fail |
#EFB2A0 on #9E826B | Aa | 1.97:1 | Fail |
#EFB2A0 on #F2EEDF | Aa | 1.57:1 | Fail |
#E78F73 on #9E826B | Aa | 1.46:1 | Fail |
#E78F73 on #EFB2A0 | Aa | 1.35:1 | Fail |
Similar palettes 24 more in this mood
#B08968
#DDB892
#E6CCB2
#FFF6EA
#A68A64
#C2B280
#E6DCC3
#FAF7F0
#B5623A
#D9A57C
#A3B18A
#F3EDE4
#9C4A2F
#C97D5A
#E8C9A8
#F8F1E7
#8A4A3C
#C98C7A
#E9C7B0
#F6EFE8
#A0431F
#D07A4C
#F1DCC2
#FBF6EF
#5B3F2E
#8B6A4E
#D9C2A0
#F6EFE3
#C4A484
#E6D3B3
#A98467
#F7F1E8
#D98C6B
#EFC1A2
#B5A78F
#F8F2EA
#8B5E1E
#D9A441
#F3D48A
#FFF8E5
#A65F00
#D7843C
#DED590
#F4F1DE
#844F38
#BF6E4E
#EFA882
#FFF9F5
#FAF3EC
#E9C9B6
#C97B5B
#6E4A3B
#FFF9F3
#FEDECA
#EA9978
#835E4E
#C2A167
#D292A5
#D9B2AD
#FFEDE2
#5A4832
#A8823F
#D7AA7A
#FFE9DE
#FFEFE1
#F9C196
#DBA076
#BE8865
#A66354
#E6A794
#FFDFC9
#FFF9F3
#955043
#DE7B52
#FFC08A
#FFF9F1
#BC674B
#E49672
#FEDEBD
#FFF9F1
#532600
#824000
#C9C09F
#FAF3EE
#503E2E
#997957
#E6C69A
#FFF9F0
#F6FBEF
#FFD4A5
#C79648
#614E25