What are the hex codes in the Lagoon Rose & Turquoise palette?

The Lagoon Rose & Turquoise color palette consists of Dusk #4A5471, Lapis #354F9C, Turquoise #00D5EE, Rose #FF3C7E.

How should I use the Lagoon Rose & Turquoise palette on a website?

Use Turquoise #00D5EE as the background, Lapis #354F9C for text, Rose #FF3C7E for buttons and links, and Dusk #4A5471 for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Lagoon Rose & Turquoise have enough contrast for text?

The highest-contrast pair is #354F9C on #00D5EE with a ratio of 4.27:1, which passes WCAG AA for large text only.

#4A5471Dusk

#354F9CLapis

#00D5EETurquoise

#FF3C7ERose

Lagoon Rose & Turquoise color palette

Neon Blue Teal Pink

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Dusk	`#4A5471`	`rgb(74, 84, 113)`	`hsl(225, 21%, 37%)`	`oklch(44.9% 0.049 270)`
Lapis	`#354F9C`	`rgb(53, 79, 156)`	`hsl(225, 49%, 41%)`	`oklch(45.0% 0.129 267)`
Turquoise	`#00D5EE`	`rgb(0, 213, 238)`	`hsl(186, 100%, 47%)`	`oklch(80.0% 0.138 210)`
Rose	`#FF3C7E`	`rgb(255, 60, 126)`	`hsl(340, 100%, 62%)`	`oklch(66.8% 0.231 6)`

Why it works and how to use it

Lagoon Rose & Turquoise is a vivid complementary color palette tagged neon, blue, teal. Dusk and Rose 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 4 chromatic colors, Rose takes the lead while the rest support. Lightness runs from 37% to 62%. Well suited to websites, presentations and branding.

Background: Turquoise (#00D5EE) is the lightest color, so it belongs on large surfaces.
Text: Lapis (#354F9C) on #00D5EE gives 4.27:1, enough for large headings only.
Primary: Rose (#FF3C7E) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Dusk (#4A5471) 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 Lagoon Rose & Turquoise

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

#4A5471

#354F9C

#00D5EE

#FF3C7E

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
`#354F9C` on `#00D5EE`	Aa	4.27:1	AA large only
`#4A5471` on `#00D5EE`	Aa	4.2:1	AA large only
`#354F9C` on `#FF3C7E`	Aa	2.25:1	Fail
`#4A5471` on `#FF3C7E`	Aa	2.22:1	Fail
`#00D5EE` on `#FF3C7E`	Aa	1.9:1	Fail
`#4A5471` on `#354F9C`	Aa	1.02:1	Fail

Similar palettes 24 more in this mood