#C4A484
#E6D3B3
#A98467
#F7F1E8
#73A19BCadet
#C4E2DAGlacier
#EFBD92Melon
#FFF9F0Snow
Woven Melon & Cadet is a pastel light, complementary color palette tagged boho, muted, white. Near-complementary hues (about 144° apart) make this a high-contrast, attention-grabbing combination. 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 |
|---|---|---|---|---|---|
| Cadet | #73A19B | rgb(115, 161, 155) | hsl(172, 20%, 54%) | oklch(67.4% 0.050 186) | |
| Glacier | #C4E2DA | rgb(196, 226, 218) | hsl(164, 34%, 83%) | oklch(88.9% 0.033 178) | |
| Melon | #EFBD92 | rgb(239, 189, 146) | hsl(28, 74%, 75%) | oklch(83.3% 0.081 62) | |
| Snow | #FFF9F0 | rgb(255, 249, 240) | hsl(36, 100%, 97%) | oklch(98.4% 0.014 78) |
Why it works and how to use it
With 3 chromatic colors, Melon takes the lead while the rest support. Lightness runs from 54% to 97%. Well suited to social media templates and gentle interfaces.
- Background: Snow (#FFF9F0) is the lightest color, so it belongs on large surfaces.
- Text: Cadet (#73A19B) on #FFF9F0 gives 2.75:1, so pair it with a darker neutral for body copy.
- Primary: Melon (#EFBD92) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Glacier (#C4E2DA) 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 Woven Melon & Cadet
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
#73A19B
#C4E2DA
#EFBD92
#FFF9F0
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#73A19B on #FFF9F0 | Aa | 2.75:1 | Fail |
#73A19B on #C4E2DA | Aa | 2.09:1 | Fail |
#73A19B on #EFBD92 | Aa | 1.69:1 | Fail |
#EFBD92 on #FFF9F0 | Aa | 1.62:1 | Fail |
#C4E2DA on #FFF9F0 | Aa | 1.32:1 | Fail |
#C4E2DA on #EFBD92 | Aa | 1.23:1 | Fail |
Similar palettes 24 more in this mood
#5E8B86
#A7C4BC
#D9A87E
#F6F0E6
#778452
#B9C288
#F1BF95
#FEF9F1
#61684F
#9BA082
#C9AD97
#F5F2EE
#353C54
#646E8E
#C6AB8C
#F3EFE9
#785375
#AF7EA2
#F1D1A3
#FFF9F2
#5E3A5B
#9A6B8E
#D9B98C
#F6EFE6
#2E3A66
#5C6BA6
#D7A66B
#F5EFE4
#5F6B3A
#9AA36A
#D9A87E
#F7F2EA
#D98C6B
#EFC1A2
#B5A78F
#F8F2EA
#C9971C
#E4C36B
#8A6A44
#F5EEDF
#5CBAA9
#5E99B8
#23737D
#356345
#574D51
#9EB9B2
#EEEAD2
#DEBC92
#F4A583
#FFD6BB
#D0C2A9
#FFF9F1
#DC8A37
#F8B872
#91654D
#F5EEDF
#E4B141
#FAD981
#9F7E57
#FFFAEE
#5589A4
#B59A69
#D8C497
#CDC3FF
#A8A62B
#C5CF76
#7D7142
#F5EEDF
#5C4B51
#8CBEB2
#F2EBBF
#F3B562
#A44A3F
#D4A373
#DCE3A8
#FBE6C2
#8BEACA
#D0DC82
#E3BD60
#457042
#D4B693
#B18974
#8E974C
#896F00
#2E5499
#659699
#BF836B
#D8A282
#7F6000
#B8885D
#B3B96E
#AEE699