#EAE4D4 + #F8F2E2 + #ECE8DF + #F2F3ED + #B4CCC6 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EAE4D4

Goose Yellow · Beige · Lemon Cream

HEX

#EAE4D4

RGB

rgb(234, 228, 212)

HSL

hsl(44, 34%, 87%)

HSB

hsb(44, 9%, 92%)

CMYK

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

Oklch

oklch(91.9% 0.022 89.8)

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

#F8F2E2

Goose Yellow · Linen · Lemon Cream

HEX

#F8F2E2

RGB

rgb(248, 242, 226)

HSL

hsl(44, 61%, 93%)

HSB

hsb(44, 9%, 97%)

CMYK

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

Oklch

oklch(96.2% 0.022 89.8)

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

#ECE8DF

Goose Yellow · Beige · Lemon Cream

HEX

#ECE8DF

RGB

rgb(236, 232, 223)

HSL

hsl(42, 25%, 90%)

HSB

hsb(42, 6%, 93%)

CMYK

cmyk(0%, 2%, 6%, 7%)

Oklch

oklch(93.2% 0.013 86.8)

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

#F2F3ED

Willow Green · Linen · Mint Green

HEX

#F2F3ED

RGB

rgb(242, 243, 237)

HSL

hsl(70, 20%, 94%)

HSB

hsb(70, 2%, 95%)

CMYK

cmyk(0%, 0%, 2%, 5%)

Oklch

oklch(96.2% 0.008 114.2)

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

#B4CCC6

Jade · Silver · Lake Green

HEX

#B4CCC6

RGB

rgb(180, 204, 198)

HSL

hsl(165, 19%, 75%)

HSB

hsb(165, 12%, 80%)

CMYK

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

Oklch

oklch(82.6% 0.027 178.9)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAE4D4

D3D9E9

Analogous

E9D8D3

EAE4D4

E4E9D3

Triadic

EAE4D4

D3E9E3

E3D3E9

Split-Comp.

EAE4D4

D3E4E9

D8D3E9

Tetradic

EAE4D4

D3E9D8

D3D9E9

E9D3E4

Contrast Matrix WCAG 2.1 Contrast

EAE4D4	F8F2E2	ECE8DF	F2F3ED	B4CCC6
—	1.1 Fail	1.0 Fail	1.1 Fail	1.3 Fail
1.1 Fail	—	1.1 Fail	1.0 Fail	1.5 Fail
1.0 Fail	1.1 Fail	—	1.1 Fail	1.4 Fail
1.1 Fail	1.0 Fail	1.1 Fail	—	1.5 Fail
1.3 Fail	1.5 Fail	1.4 Fail	1.5 Fail	—

White BG

1.3Fail

1.1Fail

1.2Fail

1.1Fail

1.7Fail

Black BG

16.5AAA

18.8AAA

17.2AAA

18.8AAA

12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7D8

F5F5E6

EAEAE1

F2F2EE

BEBFC7

Deuteranopia

E8E8D9

F6F6E7

EBEBE2

F2F2EF

BDBBC8

Tritanopia

EADBDC

F8E9EA

ECE3E3

F2F0F0

B5C9C9

Achromatopsia

E4E4E4

F2F2F2

E8E8E8

F2F2F2

C4C4C4

Shades & Tints Shades & Tints

#EAE4D4

Dark

Light

#F8F2E2

Dark

Light

#ECE8DF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eae4d4;
  --color-2: #f8f2e2;
  --color-3: #ece8df;
  --color-4: #f2f3ed;
  --color-5: #b4ccc6;
}

SCSS

$color-1: #eae4d4;
$color-2: #f8f2e2;
$color-3: #ece8df;
$color-4: #f2f3ed;
$color-5: #b4ccc6;

TAILWIND

colors: {
  'brand-1': '#eae4d4',
  'brand-2': '#f8f2e2',
  'brand-3': '#ece8df',
  'brand-4': '#f2f3ed',
  'brand-5': '#b4ccc6',
}

RGB Array

[234, 228, 212], [248, 242, 226], [236, 232, 223], [242, 243, 237], [180, 204, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #EAE4D4, #F8F2E2, #ECE8DF, #F2F3ED, #B4CCC6 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: #eae4d4; --color-2: #f8f2e2; --color-3: #ece8df; --color-4: #f2f3ed; --color-5: #b4ccc6. 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