#EEDFAB + #F6F5BF + #B5DBC6 + #79B5AE + #8E747D · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EEDFAB

Goose Yellow · Wheat · Lemon Cream

HEX

#EEDFAB

RGB

rgb(238, 223, 171)

HSL

hsl(47, 66%, 80%)

HSB

hsb(47, 28%, 93%)

CMYK

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

Oklch

oklch(90.3% 0.069 93.9)

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

#F6F5BF

Fresh Green · Bisque · Lemon Cream

HEX

#F6F5BF

RGB

rgb(246, 245, 191)

HSL

hsl(59, 75%, 86%)

HSB

hsb(59, 22%, 96%)

CMYK

cmyk(0%, 0%, 22%, 4%)

Oklch

oklch(95.8% 0.069 106.8)

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

#B5DBC6

Celadon · Silver · Apple Green

HEX

#B5DBC6

RGB

rgb(181, 219, 198)

HSL

hsl(147, 35%, 78%)

HSB

hsb(147, 17%, 86%)

CMYK

cmyk(17%, 0%, 10%, 14%)

Oklch

oklch(85.8% 0.049 161.0)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#79B5AE

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#79B5AE

RGB

rgb(121, 181, 174)

HSL

hsl(173, 29%, 59%)

HSB

hsb(173, 33%, 71%)

CMYK

cmyk(33%, 0%, 4%, 29%)

Oklch

oklch(73.0% 0.063 186.7)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#8E747D

Dark Violet · Gray · Rose Pink

HEX

#8E747D

RGB

rgb(142, 116, 125)

HSL

hsl(339, 10%, 51%)

HSB

hsb(339, 18%, 56%)

CMYK

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

Oklch

oklch(58.7% 0.035 355.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEDFAB

AAB9EE

Analogous

EEBDAA

EEDFAB

DBEEAA

Triadic

EEDFAB

AAEEDF

DFAAEE

Split-Comp.

EEDFAB

AADBEE

BDAAEE

Tetradic

EEDFAB

AAEEBD

AAB9EE

EEAADB

Contrast Matrix WCAG 2.1 Contrast

EEDFAB	F6F5BF	B5DBC6	79B5AE	8E747D
—	1.2 Fail	1.1 Fail	1.7 Fail	3.2 AA Large
1.2 Fail	—	1.3 Fail	2.1 Fail	3.8 AA Large
1.1 Fail	1.3 Fail	—	1.5 Fail	2.8 Fail
1.7 Fail	2.1 Fail	1.5 Fail	—	1.8 Fail
3.2 AA Large	3.8 AA Large	2.8 Fail	1.8 Fail	—

White BG

1.3Fail

1.1Fail

1.5Fail

2.3Fail

4.2AA Large

Black BG

15.8AAA

18.7AAA

13.9AAA

9.0AAA

4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E7B8

F6F6CC

C5C6CB

9394B0

83837B

Deuteranopia

E8EABB

F6F6CF

C3C0CC

908BB0

84867A

Tritanopia

EDC2C4

F6D6D9

B7CFD0

7CB1B1

8D7979

Achromatopsia

DEDEDE

EFEFEF

CDCDCD

A2A2A2

7D7D7D

Shades & Tints Shades & Tints

#EEDFAB

Dark

Light

#F6F5BF

Dark

Light

#B5DBC6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eedfab;
  --color-2: #f6f5bf;
  --color-3: #b5dbc6;
  --color-4: #79b5ae;
  --color-5: #8e747d;
}

SCSS

$color-1: #eedfab;
$color-2: #f6f5bf;
$color-3: #b5dbc6;
$color-4: #79b5ae;
$color-5: #8e747d;

TAILWIND

colors: {
  'brand-1': '#eedfab',
  'brand-2': '#f6f5bf',
  'brand-3': '#b5dbc6',
  'brand-4': '#79b5ae',
  'brand-5': '#8e747d',
}

RGB Array

[238, 223, 171], [246, 245, 191], [181, 219, 198], [121, 181, 174], [142, 116, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #EEDFAB, #F6F5BF, #B5DBC6, #79B5AE, #8E747D 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: #eedfab; --color-2: #f6f5bf; --color-3: #b5dbc6; --color-4: #79b5ae; --color-5: #8e747d. 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