#E9E4BA + #D5DABA + #ADD4B7 + #69B6AC + #3F9690 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E9E4BA

Fresh Green · Wheat · Lemon Cream

HEX

#E9E4BA

RGB

rgb(233, 228, 186)

HSL

hsl(54, 52%, 82%)

HSB

hsb(54, 20%, 91%)

CMYK

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

Oklch

oklch(91.2% 0.055 101.8)

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

#D5DABA

Fresh Green · LightGray · Lemon Cream

HEX

#D5DABA

RGB

rgb(213, 218, 186)

HSL

hsl(69, 30%, 79%)

HSB

hsb(69, 15%, 85%)

CMYK

cmyk(2%, 0%, 15%, 15%)

Oklch

oklch(87.6% 0.043 114.5)

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

#ADD4B7

Celadon · Silver · Apple Green

HEX

#ADD4B7

RGB

rgb(173, 212, 183)

HSL

hsl(135, 31%, 75%)

HSB

hsb(135, 18%, 83%)

CMYK

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

Oklch

oklch(83.4% 0.058 152.9)

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

#69B6AC

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#69B6AC

RGB

rgb(105, 182, 172)

HSL

hsl(172, 35%, 56%)

HSB

hsb(172, 42%, 71%)

CMYK

cmyk(42%, 0%, 5%, 29%)

Oklch

oklch(72.4% 0.078 185.0)

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

#3F9690

Mineral Blue · CadetBlue · Mint Ice

HEX

#3F9690

RGB

rgb(63, 150, 144)

HSL

hsl(176, 41%, 42%)

HSB

hsb(176, 58%, 59%)

CMYK

cmyk(58%, 0%, 4%, 41%)

Oklch

oklch(61.9% 0.084 189.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9E4BA

B9BEE9

Analogous

E9CCB9

E9E4BA

D6E9B9

Triadic

E9E4BA

B9E9E4

E4B9E9

Split-Comp.

E9E4BA

B9D6E9

CCB9E9

Tetradic

E9E4BA

B9E9CC

B9BEE9

E9B9D6

Contrast Matrix WCAG 2.1 Contrast

E9E4BA	D5DABA	ADD4B7	69B6AC	3F9690
—	1.1 Fail	1.3 Fail	1.8 Fail	2.7 Fail
1.1 Fail	—	1.1 Fail	1.6 Fail	2.4 Fail
1.3 Fail	1.1 Fail	—	1.4 Fail	2.2 Fail
1.8 Fail	1.6 Fail	1.4 Fail	—	1.5 Fail
2.7 Fail	2.4 Fail	2.2 Fail	1.5 Fail	—

White BG

1.3Fail

1.4Fail

1.6Fail

2.4Fail

3.5AA Large

Black BG

16.3AAA

14.6AAA

12.9AAA

8.9AAA

6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7C4

D7D7C2

BEBEBE

8A8BAE

656591

Deuteranopia

E7E8C7

D7D7C4

BCB9C0

8680AF

605992

Tritanopia

E9CCCE

D5C8C9

AFC4C5

6DB0B1

439393

Achromatopsia

E1E1E1

D5D5D5

C5C5C5

9E9E9E

7B7B7B

Shades & Tints Shades & Tints

#E9E4BA

Dark

Light

#D5DABA

Dark

Light

#ADD4B7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9e4ba;
  --color-2: #d5daba;
  --color-3: #add4b7;
  --color-4: #69b6ac;
  --color-5: #3f9690;
}

SCSS

$color-1: #e9e4ba;
$color-2: #d5daba;
$color-3: #add4b7;
$color-4: #69b6ac;
$color-5: #3f9690;

TAILWIND

colors: {
  'brand-1': '#e9e4ba',
  'brand-2': '#d5daba',
  'brand-3': '#add4b7',
  'brand-4': '#69b6ac',
  'brand-5': '#3f9690',
}

RGB Array

[233, 228, 186], [213, 218, 186], [173, 212, 183], [105, 182, 172], [63, 150, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E9E4BA, #D5DABA, #ADD4B7, #69B6AC, #3F9690 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: #e9e4ba; --color-2: #d5daba; --color-3: #add4b7; --color-4: #69b6ac; --color-5: #3f9690. 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