What are the hex codes in the Woven Melon & Cadet palette?

The Woven Melon & Cadet color palette consists of Cadet #73A19B, Glacier #C4E2DA, Melon #EFBD92, Snow #FFF9F0.

How should I use the Woven Melon & Cadet palette on a website?

Use Snow #FFF9F0 as the background, Cadet #73A19B for text, Melon #EFBD92 for buttons and links, and Glacier #C4E2DA for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Woven Melon & Cadet have enough contrast for text?

The highest-contrast pair is #73A19B on #FFF9F0 with a ratio of 2.75:1, which does not meet WCAG AA; add a darker or lighter neutral for body text.

#73A19BCadet

#C4E2DAGlacier

#EFBD92Melon

#FFF9F0Snow

Woven Melon & Cadet color palette

Boho Muted White

Color codes click any value to copy

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

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.

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 Secondary

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.

Palette card

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