#DAE0B8 + #E8CD92 + #E39F8A + #B68885 + #8C807D · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DAE0B8

Fresh Green · Wheat · Lemon Cream

HEX

#DAE0B8

RGB

rgb(218, 224, 184)

HSL

hsl(69, 39%, 80%)

HSB

hsb(69, 18%, 88%)

CMYK

cmyk(3%, 0%, 18%, 12%)

Oklch

oklch(89.2% 0.053 114.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#E8CD92

Goose Yellow · BurlyWood · Sunflower

HEX

#E8CD92

RGB

rgb(232, 205, 146)

HSL

hsl(41, 65%, 74%)

HSB

hsb(41, 37%, 91%)

CMYK

cmyk(0%, 12%, 37%, 9%)

Oklch

oklch(85.7% 0.082 86.1)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#E39F8A

Peach Pink · DarkSalmon · Coral Red

HEX

#E39F8A

RGB

rgb(227, 159, 138)

HSL

hsl(14, 61%, 72%)

HSB

hsb(14, 39%, 89%)

CMYK

cmyk(0%, 30%, 39%, 11%)

Oklch

oklch(76.3% 0.087 37.9)

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

#B68885

Peach Pink · DarkGray · Coral Red

HEX

#B68885

RGB

rgb(182, 136, 133)

HSL

hsl(4, 25%, 62%)

HSB

hsb(4, 27%, 71%)

CMYK

cmyk(0%, 25%, 27%, 29%)

Oklch

oklch(67.0% 0.057 23.0)

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

#8C807D

Ash · Gray · Warm Gray

HEX

#8C807D

RGB

rgb(140, 128, 125)

HSL

hsl(12, 6%, 52%)

HSB

hsb(12, 11%, 55%)

CMYK

cmyk(0%, 9%, 11%, 45%)

Oklch

oklch(61.0% 0.015 34.3)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAE0B8

BEB8E0

Analogous

E0D2B8

DAE0B8

C6E0B8

Triadic

DAE0B8

B8DAE0

E0B8DA

Split-Comp.

DAE0B8

B8C6E0

D2B8E0

Tetradic

DAE0B8

B8E0D2

BEB8E0

E0B8C6

Contrast Matrix WCAG 2.1 Contrast

DAE0B8	E8CD92	E39F8A	B68885	8C807D
—	1.1 Fail	1.6 Fail	2.2 Fail	2.8 Fail
1.1 Fail	—	1.4 Fail	2.0 Fail	2.5 Fail
1.6 Fail	1.4 Fail	—	1.4 Fail	1.7 Fail
2.2 Fail	2.0 Fail	1.4 Fail	—	1.2 Fail
2.8 Fail	2.5 Fail	1.7 Fail	1.2 Fail	—

White BG

1.4Fail

1.5Fail

2.2Fail

3.1AA Large

3.8AA Large

Black BG

15.3AAA

13.6AAA

9.6AAA

6.8AA

5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDDC2

DCDCA0

C6C58F

A2A286

87877E

Deuteranopia

DCDCC4

DEE0A4

CACF90

A5A886

88887E

Tritanopia

DAC9CB

E7ACAE

E09394

B48686

8B7E7E

Achromatopsia

DADADA

CECECE

B1B1B1

959595

838383

Shades & Tints Shades & Tints

#DAE0B8

Dark

Light

#E8CD92

Dark

Light

#E39F8A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dae0b8;
  --color-2: #e8cd92;
  --color-3: #e39f8a;
  --color-4: #b68885;
  --color-5: #8c807d;
}

SCSS

$color-1: #dae0b8;
$color-2: #e8cd92;
$color-3: #e39f8a;
$color-4: #b68885;
$color-5: #8c807d;

TAILWIND

colors: {
  'brand-1': '#dae0b8',
  'brand-2': '#e8cd92',
  'brand-3': '#e39f8a',
  'brand-4': '#b68885',
  'brand-5': '#8c807d',
}

RGB Array

[218, 224, 184], [232, 205, 146], [227, 159, 138], [182, 136, 133], [140, 128, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #DAE0B8, #E8CD92, #E39F8A, #B68885, #8C807D 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: #dae0b8; --color-2: #e8cd92; --color-3: #e39f8a; --color-4: #b68885; --color-5: #8c807d. 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