What are the hex codes in the Moss & Cantaloupe Drift palette?

The Moss & Cantaloupe Drift color palette consists of Space #2A1E3F, Plum #85486F, Moss #989300, Cantaloupe #FFB86B.

How should I use the Moss & Cantaloupe Drift palette on a website?

Use Cantaloupe #FFB86B as the background, Space #2A1E3F for text, Moss #989300 for buttons and links, and Plum #85486F for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Cantaloupe at 9.09:1.

Which colors in Moss & Cantaloupe Drift have enough contrast for text?

The highest-contrast pair is #2A1E3F on #FFB86B with a ratio of 9.09:1, which passes WCAG AA for normal text.

#2A1E3FSpace

#85486FPlum

#989300Moss

#FFB86BCantaloupe

Moss & Cantaloupe Drift color palette

Dark Orange

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Space	`#2A1E3F`	`rgb(42, 30, 63)`	`hsl(262, 35%, 18%)`	`oklch(26.7% 0.061 299)`
Plum	`#85486F`	`rgb(133, 72, 111)`	`hsl(322, 30%, 40%)`	`oklch(48.8% 0.097 342)`
Moss	`#989300`	`rgb(152, 147, 0)`	`hsl(58, 100%, 30%)`	`oklch(64.7% 0.139 107)`
Cantaloupe	`#FFB86B`	`rgb(255, 184, 107)`	`hsl(31, 100%, 71%)`	`oklch(83.4% 0.125 67)`

Why it works and how to use it

Moss & Cantaloupe Drift is a vivid dark, complementary color palette tagged dark, orange. Near-complementary hues (about 156° apart) make this a high-contrast, attention-grabbing combination. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. Warm and cool hues are mixed, which adds depth.

With 4 chromatic colors, Moss takes the lead while the rest support. Lightness runs from 18% to 71%. Well suited to dark-mode interfaces and gaming.

Background: Cantaloupe (#FFB86B) is the lightest color, so it belongs on large surfaces.
Text: Space (#2A1E3F) on #FFB86B gives 9.09:1, passing WCAG AAA.
Primary: Moss (#989300) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Plum (#85486F) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Cantaloupe at 9.09:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Moss & Cantaloupe Drift

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

#2A1E3F

#85486F

#989300

#FFB86B

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
`#2A1E3F` on `#FFB86B`	Aa	9.09:1	AAA
`#2A1E3F` on `#989300`	Aa	4.8:1	AA
`#85486F` on `#FFB86B`	Aa	3.91:1	AA large only
`#2A1E3F` on `#85486F`	Aa	2.33:1	Fail
`#85486F` on `#989300`	Aa	2.06:1	Fail
`#989300` on `#FFB86B`	Aa	1.89:1	Fail

Similar palettes 24 more in this mood