#E7E8E2 + #DBD2CB + #EEB19F + #FF8E8A + #E77881 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E7E8E2

Willow Green · Beige · Mint Green

HEX

#E7E8E2

RGB

rgb(231, 232, 226)

HSL

hsl(70, 12%, 90%)

HSB

hsb(70, 3%, 91%)

CMYK

cmyk(0%, 0%, 3%, 9%)

Oklch

oklch(92.9% 0.008 114.2)

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

#DBD2CB

Apricot · LightGray · Peach Orange

HEX

#DBD2CB

RGB

rgb(219, 210, 203)

HSL

hsl(26, 18%, 83%)

HSB

hsb(26, 7%, 86%)

CMYK

cmyk(0%, 4%, 7%, 14%)

Oklch

oklch(86.9% 0.014 60.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#EEB19F

Peach Pink · BurlyWood · Coral Red

HEX

#EEB19F

RGB

rgb(238, 177, 159)

HSL

hsl(14, 70%, 78%)

HSB

hsb(14, 33%, 93%)

CMYK

cmyk(0%, 26%, 33%, 7%)

Oklch

oklch(81.2% 0.076 37.1)

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

#FF8E8A

Peach Pink · LightCoral · Coral Red

HEX

#FF8E8A

RGB

rgb(255, 142, 138)

HSL

hsl(2, 100%, 77%)

HSB

hsb(2, 46%, 100%)

CMYK

cmyk(0%, 44%, 46%, 0%)

Oklch

oklch(76.8% 0.137 22.9)

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

#E77881

Peach Pink · LightCoral · Coral Red

HEX

#E77881

RGB

rgb(231, 120, 129)

HSL

hsl(355, 70%, 69%)

HSB

hsb(355, 48%, 91%)

CMYK

cmyk(0%, 48%, 44%, 9%)

Oklch

oklch(70.1% 0.137 16.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7E8E2

E3E2E9

Analogous

E9E7E2

E7E8E2

E4E9E2

Triadic

E7E8E2

E2E8E9

E9E2E8

Split-Comp.

E7E8E2

E2E4E9

E7E2E9

Tetradic

E7E8E2

E2E9E7

E3E2E9

E9E2E4

Contrast Matrix WCAG 2.1 Contrast

E7E8E2	DBD2CB	EEB19F	FF8E8A	E77881
—	1.2 Fail	1.5 Fail	1.8 Fail	2.3 Fail
1.2 Fail	—	1.2 Fail	1.5 Fail	1.9 Fail
1.5 Fail	1.2 Fail	—	1.2 Fail	1.5 Fail
1.8 Fail	1.5 Fail	1.2 Fail	—	1.3 Fail
2.3 Fail	1.9 Fail	1.5 Fail	1.3 Fail	—

White BG

1.2Fail

1.5Fail

1.8Fail

2.2Fail

2.8Fail

Black BG

17.0AAA

14.1AAA

11.4AAA

9.5AAA

7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7E3

D7D7CD

D4D3A3

CECD8B

B7B67F

Deuteranopia

E7E7E4

D8D8CD

D7DCA4

D5DD8B

BDC67E

Tritanopia

E7E5E5

DBCECE

EBA7A8

F98C8C

E17D7D

Achromatopsia

E7E7E7

D4D4D4

C1C1C1

AFAFAF

9A9A9A

Shades & Tints Shades & Tints

#E7E8E2

Dark

Light

#DBD2CB

Dark

Light

#EEB19F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7e8e2;
  --color-2: #dbd2cb;
  --color-3: #eeb19f;
  --color-4: #ff8e8a;
  --color-5: #e77881;
}

SCSS

$color-1: #e7e8e2;
$color-2: #dbd2cb;
$color-3: #eeb19f;
$color-4: #ff8e8a;
$color-5: #e77881;

TAILWIND

colors: {
  'brand-1': '#e7e8e2',
  'brand-2': '#dbd2cb',
  'brand-3': '#eeb19f',
  'brand-4': '#ff8e8a',
  'brand-5': '#e77881',
}

RGB Array

[231, 232, 226], [219, 210, 203], [238, 177, 159], [255, 142, 138], [231, 120, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E7E8E2, #DBD2CB, #EEB19F, #FF8E8A, #E77881 is ideal for: health products, baby brands, fresh-style blogs. 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: #e7e8e2; --color-2: #dbd2cb; --color-3: #eeb19f; --color-4: #ff8e8a; --color-5: #e77881. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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