← Back to Editor

#E0F1C3 · #DFBAB5 · #E292A0 · #995880 · #5D4971

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E0F1C3

Willow Green · Wheat · Mint Green

HEX
#E0F1C3
RGB
rgb(224, 241, 195)
HSL
hsl(82, 62%, 85%)
HSB
hsb(82, 19%, 95%)
CMYK
cmyk(7%, 0%, 19%, 5%)
Oklch
oklch(93.4% 0.063 124.1)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#DFBAB5

Peach Pink · Silver · Coral Red

HEX
#DFBAB5
RGB
rgb(223, 186, 181)
HSL
hsl(7, 40%, 79%)
HSB
hsb(7, 19%, 87%)
CMYK
cmyk(0%, 17%, 19%, 13%)
Oklch
oklch(82.0% 0.043 27.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E292A0

Peach Pink · DarkSalmon · Coral Red

HEX
#E292A0
RGB
rgb(226, 146, 160)
HSL
hsl(350, 58%, 73%)
HSB
hsb(350, 35%, 89%)
CMYK
cmyk(0%, 35%, 29%, 11%)
Oklch
oklch(74.5% 0.098 8.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#995880

Rose Purple · Gray · Camellia

HEX
#995880
RGB
rgb(153, 88, 128)
HSL
hsl(323, 27%, 47%)
HSB
hsb(323, 42%, 60%)
CMYK
cmyk(0%, 42%, 16%, 40%)
Oklch
oklch(54.8% 0.100 343.3)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#5D4971

Dark Plum · DimGray · Eggplant

HEX
#5D4971
RGB
rgb(93, 73, 113)
HSL
hsl(270, 22%, 36%)
HSB
hsb(270, 35%, 44%)
CMYK
cmyk(18%, 35%, 0%, 56%)
Oklch
oklch(44.3% 0.068 306.7)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0F1C3
D2C1F0

Analogous

F0EAC1
E0F1C3
C7F0C1

Triadic

E0F1C3
C1DFF0
F0C1DF

Split-Comp.

E0F1C3
C1C7F0
EAC1F0

Tetradic

E0F1C3
C1F0EA
D2C1F0
F0C1C7

Contrast Matrix WCAG 2.1 Contrast

E0F1C3
DFBAB5
E292A0
995880
5D4971
—
1.5
Fail
2.0
Fail
4.3
AA Large
6.6
AA
1.5
Fail
—
1.3
Fail
2.9
Fail
4.5
AA Large
2.0
Fail
1.3
Fail
—
2.2
Fail
3.3
AA Large
4.3
AA Large
2.9
Fail
2.2
Fail
—
1.5
Fail
6.6
AA
4.5
AA Large
3.3
AA Large
1.5
Fail
—
White BG
1.2Fail
1.8Fail
2.4Fail
5.2AA
7.9AAA
Black BG
17.5AAA
11.8AAA
8.9AAA
4.1AA Large
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E8CE
CFCFB6
BFBF9D
7D7C76
545467

Deuteranopia

E6E5D1
D1D4B7
C4CA9C
818674
565765

Tritanopia

E1D7D9
DDB7B7
DE9A99
966F6D
5C605E

Achromatopsia

E7E7E7
C4C4C4
ACACAC
707070
545454

Shades & Tints Shades & Tints

#E0F1C3

Dark
Light

#DFBAB5

Dark
Light

#E292A0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0f1c3;
  --color-2: #dfbab5;
  --color-3: #e292a0;
  --color-4: #995880;
  --color-5: #5d4971;
}

SCSS

$color-1: #e0f1c3;
$color-2: #dfbab5;
$color-3: #e292a0;
$color-4: #995880;
$color-5: #5d4971;

TAILWIND

colors: {
  'brand-1': '#e0f1c3',
  'brand-2': '#dfbab5',
  'brand-3': '#e292a0',
  'brand-4': '#995880',
  'brand-5': '#5d4971',
}

RGB Array

[224, 241, 195], [223, 186, 181], [226, 146, 160], [153, 88, 128], [93, 73, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E0F1C3, #DFBAB5, #E292A0, #995880, #5D4971 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e0f1c3; --color-2: #dfbab5; --color-3: #e292a0; --color-4: #995880; --color-5: #5d4971. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This sea-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color