#DCABC0
#BCB5F1
#FFC0BD
#F7ECF9
#FEB88DMelon
#E1D3FBPeriwinkle
#E3AFB6Dusty Rose
#FDFDFDWhite
Melon & Dusty Rose Path is a pastel light, split color palette tagged pastel, light, muted. A split scheme: Melon plays against Dusty Rose across roughly 122° of hue. High lightness and gentle saturation put it firmly in pastel territory. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Melon | #FEB88D | rgb(254, 184, 141) | hsl(23, 98%, 77%) | oklch(83.8% 0.099 52) | |
| Periwinkle | #E1D3FB | rgb(225, 211, 251) | hsl(261, 83%, 91%) | oklch(89.1% 0.056 301) | |
| Dusty Rose | #E3AFB6 | rgb(227, 175, 182) | hsl(352, 48%, 79%) | oklch(80.3% 0.061 10) | |
| White | #FDFDFD | rgb(253, 253, 253) | hsl(0, 0%, 99%) | oklch(99.4% 0.000 0) |
Why it works and how to use it
It works because the lightness steps are gentle (77% to 99%), which keeps the mood consistent from edge to edge. Try it for social media templates and gentle interfaces.
- Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
- Text: Dusty Rose (#E3AFB6) on #FDFDFD gives 1.86:1, so pair it with a darker neutral for body copy.
- Primary: Melon (#FEB88D) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Periwinkle (#E1D3FB) 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 Melon & Dusty Rose Path
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
#FEB88D
#E1D3FB
#E3AFB6
#FDFDFD
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#E3AFB6 on #FDFDFD | Aa | 1.86:1 | Fail |
#FEB88D on #FDFDFD | Aa | 1.66:1 | Fail |
#E1D3FB on #FDFDFD | Aa | 1.38:1 | Fail |
#E1D3FB on #E3AFB6 | Aa | 1.35:1 | Fail |
#FEB88D on #E1D3FB | Aa | 1.2:1 | Fail |
#FEB88D on #E3AFB6 | Aa | 1.12:1 | Fail |
Similar palettes 24 more in this mood
#FFAFCC
#BDE0FE
#CDB4DB
#FFFFFF
#D2C6AC
#FFC6DB
#FFCFAF
#FFE5E2
#D9A48F
#EFC8B8
#F7E6DC
#FFFAF6
#FF9A8B
#FFB4A2
#FFCDB2
#FFF1E6
#CDB4DB
#FFC8DD
#FFAFCC
#BDE0FE
#FFAFCC
#FFC8DD
#BDE0FE
#A2D2FF
#E2A7B5
#BACB92
#C9E7FF
#FFD9E2
#DFB8FA
#B1E7E9
#AEBEE7
#FDFDFD
#F7E9DF
#FFC8D4
#E9AFD8
#C29991
#D0C79B
#74DCD2
#C6CEFF
#FFC9D2
#FF9AC0
#91C4EE
#D2ADE6
#FDFDFD
#C1D7C4
#BBF0F9
#E5F1BF
#F0FBF8
#E7EAFF
#D8C7FF
#DCACDB
#C3A9B3
#FBF6F0
#F3DCD4
#E8B4B8
#B8A184
#D0D38F
#FFC6C4
#AFE3E6
#E9E7FF
#FCD1E4
#F4EEE3
#83DEB0
#F5A69F
#E29D91
#E0BBC5
#EFDAC9
#FFD9F8
#EEEFFF
#FFD0E9
#B4D8FF
#D1BEDB
#B7ABC3
#F4BDE1
#CDD4FC
#E1F0FF
#D2A9C7
#90C7F5
#D8C5EE
#EDF0FF
#FCACC1
#FFD4B8
#FFF9E6
#E0FAAE
#DD9F6E
#EDD693
#9DBE7C
#FDFDFD
#E79EE3
#FFC9CF
#D5D491
#FFF9F2