What are the hex codes in the Scarlet Flamingo & Teal palette?

The Scarlet Flamingo & Teal color palette consists of Espresso #3D0C11, Teal #00848B, Flamingo #F78CA2, Almond #F9DEC9.

How should I use the Scarlet Flamingo & Teal palette on a website?

Use Almond #F9DEC9 as the background, Espresso #3D0C11 for text, Teal #00848B for buttons and links, and Flamingo #F78CA2 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Espresso on Almond at 12.96:1.

Which colors in Scarlet Flamingo & Teal have enough contrast for text?

The highest-contrast pair is #3D0C11 on #F9DEC9 with a ratio of 12.96:1, which passes WCAG AA for normal text.

#3D0C11Espresso

#00848BTeal

#F78CA2Flamingo

#F9DEC9Almond

Scarlet Flamingo & Teal color palette

Modern Teal Pink

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Espresso	`#3D0C11`	`rgb(61, 12, 17)`	`hsl(354, 67%, 14%)`	`oklch(24.4% 0.076 19)`
Teal	`#00848B`	`rgb(0, 132, 139)`	`hsl(183, 100%, 27%)`	`oklch(55.8% 0.095 201)`
Flamingo	`#F78CA2`	`rgb(247, 140, 162)`	`hsl(348, 87%, 76%)`	`oklch(76.0% 0.131 7)`
Almond	`#F9DEC9`	`rgb(249, 222, 201)`	`hsl(26, 80%, 88%)`	`oklch(91.7% 0.041 60)`

Why it works and how to use it

Scarlet Flamingo & Teal is a vivid complementary color palette tagged modern, teal, pink. Near-complementary hues (about 171° 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, Teal takes the lead while the rest support. Lightness runs from 14% to 88%. Well suited to websites, presentations and branding.

Background: Almond (#F9DEC9) is the lightest color, so it belongs on large surfaces.
Text: Espresso (#3D0C11) on #F9DEC9 gives 12.96:1, passing WCAG AAA.
Primary: Teal (#00848B) is the most saturated mid-tone; use it for buttons and links (3.49:1 against the background, fine for UI elements).
Accent: Flamingo (#F78CA2) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Espresso on Almond at 12.96:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Scarlet Flamingo & Teal

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

#3D0C11

#00848B

#F78CA2

#F9DEC9

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
`#3D0C11` on `#F9DEC9`	Aa	12.96:1	AAA
`#3D0C11` on `#F78CA2`	Aa	7.33:1	AAA
`#3D0C11` on `#00848B`	Aa	3.71:1	AA large only
`#00848B` on `#F9DEC9`	Aa	3.49:1	AA large only
`#00848B` on `#F78CA2`	Aa	1.97:1	Fail
`#F78CA2` on `#F9DEC9`	Aa	1.77:1	Fail

Similar palettes 24 more in this mood