#FFE9EC
#E9C5B9
#D4BFF1
#C293B7
#9AA186Sage
#E9CAE6Thistle
#FFB0B0Melon
#F7EDE2Linen
Whisper Melon & Thistle is a pastel light, split color palette tagged pastel, muted, romantic. The hues span about 85°, enough contrast to create a focal point without the harshness of true complements. The colors are light and airy, which suits friendly, soft-spoken brands. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Sage | #9AA186 | rgb(154, 161, 134) | hsl(76, 13%, 58%) | oklch(69.6% 0.039 119) | |
| Thistle | #E9CAE6 | rgb(233, 202, 230) | hsl(306, 41%, 85%) | oklch(87.3% 0.051 329) | |
| Melon | #FFB0B0 | rgb(255, 176, 176) | hsl(0, 100%, 85%) | oklch(83.3% 0.093 19) | |
| Linen | #F7EDE2 | rgb(247, 237, 226) | hsl(31, 57%, 93%) | oklch(95.1% 0.018 70) |
Why it works and how to use it
It works because the lightness steps are gentle (58% to 93%), which keeps the mood consistent from edge to edge. Try it for social media templates and gentle interfaces.
- Background: Linen (#F7EDE2) is the lightest color, so it belongs on large surfaces.
- Text: Sage (#9AA186) on #F7EDE2 gives 2.32:1, so pair it with a darker neutral for body copy.
- Primary: Melon (#FFB0B0) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Thistle (#E9CAE6) 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 Whisper Melon & Thistle
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
#9AA186
#E9CAE6
#FFB0B0
#F7EDE2
Color-blind check: under deuteranopia, Thistle and Melon 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 |
|---|---|---|---|
#9AA186 on #F7EDE2 | Aa | 2.32:1 | Fail |
#9AA186 on #E9CAE6 | Aa | 1.8:1 | Fail |
#9AA186 on #FFB0B0 | Aa | 1.55:1 | Fail |
#FFB0B0 on #F7EDE2 | Aa | 1.5:1 | Fail |
#E9CAE6 on #F7EDE2 | Aa | 1.29:1 | Fail |
#E9CAE6 on #FFB0B0 | Aa | 1.16:1 | Fail |
Similar palettes 24 more in this mood
#DCABC0
#BCB5F1
#FFC0BD
#F7ECF9
#F7E9DF
#FFC8D4
#E9AFD8
#C29991
#E7EAFF
#D8C7FF
#DCACDB
#C3A9B3
#C2A167
#D292A5
#D9B2AD
#FFEDE2
#FFF8F7
#FFD6CD
#FAB9AB
#CD8A7D
#A19DB1
#E2A5CD
#E8C6F3
#E6EBFF
#EEAFE0
#FFD1CB
#FFF8F1
#FFEEAC
#D9A48F
#EFC8B8
#F7E6DC
#FFFAF6
#FF9A8B
#FFB4A2
#FFCDB2
#FFF1E6
#C9A66B
#E4C590
#F1E3C8
#F9F5EC
#DFB8FA
#B1E7E9
#AEBEE7
#FDFDFD
#FFAFCC
#BDE0FE
#CDB4DB
#FFFFFF
#FFFDF7
#FFDFDA
#DDAF7C
#AF93D7
#C5988F
#EEA4B6
#EAB287
#E4D2AA
#C8A9B3
#C5B6EC
#FECDFC
#E2EBFF
#C1D7C4
#BBF0F9
#E5F1BF
#F0FBF8
#C689AA
#BBA7A4
#D2B3D2
#FFD5DD
#FBF6F0
#F3DCD4
#E8B4B8
#B8A184
#D2C6AC
#FFC6DB
#FFCFAF
#FFE5E2
#FDB2B2
#C0D9BA
#FFD0D0
#CCE0FF
#AECC9F
#E2F9B8
#F4EEDF
#DE9390
#E29D91
#E0BBC5
#EFDAC9
#FFD9F8
#EEEFFF
#FFD0E9
#B4D8FF
#D1BEDB