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

The Lagoon Flamingo & Teal color palette consists of Gunmetal #003F4D, Teal #007C91, Flamingo #EA88B0, Smoke #E6FAFC.

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

Use Smoke #E6FAFC as the background, Gunmetal #003F4D for text, Teal #007C91 for buttons and links, and Flamingo #EA88B0 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Gunmetal on Smoke at 10.69:1.

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

The highest-contrast pair is #003F4D on #E6FAFC with a ratio of 10.69:1, which passes WCAG AA for normal text.

#003F4DGunmetal

#007C91Teal

#EA88B0Flamingo

#E6FAFCSmoke

Lagoon Flamingo & Teal color palette

Modern Teal Pink White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Gunmetal	`#003F4D`	`rgb(0, 63, 77)`	`hsl(191, 100%, 15%)`	`oklch(34.0% 0.061 219)`
Teal	`#007C91`	`rgb(0, 124, 145)`	`hsl(189, 100%, 28%)`	`oklch(54.0% 0.095 215)`
Flamingo	`#EA88B0`	`rgb(234, 136, 176)`	`hsl(336, 70%, 73%)`	`oklch(74.2% 0.128 355)`
Smoke	`#E6FAFC`	`rgb(230, 250, 252)`	`hsl(185, 79%, 95%)`	`oklch(97.1% 0.021 204)`

Why it works and how to use it

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

Background: Smoke (#E6FAFC) is the lightest color, so it belongs on large surfaces.
Text: Gunmetal (#003F4D) on #E6FAFC gives 10.69:1, passing WCAG AAA.
Primary: Teal (#007C91) is the most saturated mid-tone; use it for buttons and links (4.53:1 against the background, fine for UI elements).
Accent: Flamingo (#EA88B0) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Lagoon 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

#003F4D

#007C91

#EA88B0

#E6FAFC

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
`#003F4D` on `#E6FAFC`	Aa	10.69:1	AAA
`#003F4D` on `#EA88B0`	Aa	4.76:1	AA
`#007C91` on `#E6FAFC`	Aa	4.53:1	AA
`#003F4D` on `#007C91`	Aa	2.36:1	Fail
`#EA88B0` on `#E6FAFC`	Aa	2.25:1	Fail
`#007C91` on `#EA88B0`	Aa	2.01:1	Fail

Similar palettes 24 more in this mood