What are the hex codes in the Scarlet Watermelon & Peacock palette?

The Scarlet Watermelon & Peacock color palette consists of Ink #002233, Peacock #1B5979, Watermelon #FD6A8B, Smoke #F7F3EE.

How should I use the Scarlet Watermelon & Peacock palette on a website?

Use Smoke #F7F3EE as the background, Ink #002233 for text, Watermelon #FD6A8B for buttons and links, and Peacock #1B5979 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Smoke at 14.89:1.

Which colors in Scarlet Watermelon & Peacock have enough contrast for text?

The highest-contrast pair is #002233 on #F7F3EE with a ratio of 14.89:1, which passes WCAG AA for normal text.

#002233Ink

#1B5979Peacock

#FD6A8BWatermelon

#F7F3EESmoke

Scarlet Watermelon & Peacock color palette

Dark White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Ink	`#002233`	`rgb(0, 34, 51)`	`hsl(200, 100%, 10%)`	`oklch(23.8% 0.050 235)`
Peacock	`#1B5979`	`rgb(27, 89, 121)`	`hsl(200, 64%, 29%)`	`oklch(44.0% 0.081 236)`
Watermelon	`#FD6A8B`	`rgb(253, 106, 139)`	`hsl(347, 97%, 70%)`	`oklch(71.4% 0.181 9)`
Smoke	`#F7F3EE`	`rgb(247, 243, 238)`	`hsl(33, 36%, 95%)`	`oklch(96.6% 0.008 74)`

Why it works and how to use it

Scarlet Watermelon & Peacock is a vivid complementary color palette tagged dark, white. Ink and Watermelon sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. These are bold, punchy colors that need generous white space around them. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Watermelon takes the lead while the rest support. Lightness runs from 10% to 95%. Well suited to websites, presentations and branding.

Background: Smoke (#F7F3EE) is the lightest color, so it belongs on large surfaces.
Text: Ink (#002233) on #F7F3EE gives 14.89:1, passing WCAG AAA.
Primary: Watermelon (#FD6A8B) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Peacock (#1B5979) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Smoke at 14.89:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Scarlet Watermelon & Peacock

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

#002233

#1B5979

#FD6A8B

#F7F3EE

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
`#002233` on `#F7F3EE`	Aa	14.89:1	AAA
`#1B5979` on `#F7F3EE`	Aa	6.91:1	AA
`#002233` on `#FD6A8B`	Aa	5.96:1	AA
`#1B5979` on `#FD6A8B`	Aa	2.77:1	Fail
`#FD6A8B` on `#F7F3EE`	Aa	2.5:1	Fail
`#002233` on `#1B5979`	Aa	2.16:1	Fail

Similar palettes 24 more in this mood