#EC939B + #EFA69E + #DDB9A5 + #D4CBAB + #ACC9B8 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EC939B

Peach Pink · LightCoral · Coral Red

HEX

#EC939B

RGB

rgb(236, 147, 155)

HSL

hsl(355, 70%, 75%)

HSB

hsb(355, 38%, 93%)

CMYK

cmyk(0%, 38%, 34%, 7%)

Oklch

oklch(75.7% 0.108 14.1)

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

#EFA69E

Peach Pink · BurlyWood · Coral Red

HEX

#EFA69E

RGB

rgb(239, 166, 158)

HSL

hsl(6, 72%, 78%)

HSB

hsb(6, 34%, 94%)

CMYK

cmyk(0%, 31%, 34%, 6%)

Oklch

oklch(79.3% 0.088 26.2)

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

#DDB9A5

Apricot · Tan · Peach Orange

HEX

#DDB9A5

RGB

rgb(221, 185, 165)

HSL

hsl(21, 45%, 76%)

HSB

hsb(21, 25%, 87%)

CMYK

cmyk(0%, 16%, 25%, 13%)

Oklch

oklch(81.2% 0.050 50.7)

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

#D4CBAB

Goose Yellow · Silver · Sunflower

HEX

#D4CBAB

RGB

rgb(212, 203, 171)

HSL

hsl(47, 32%, 75%)

HSB

hsb(47, 19%, 83%)

CMYK

cmyk(0%, 4%, 19%, 17%)

Oklch

oklch(84.1% 0.044 94.1)

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

#ACC9B8

Celadon · Silver · Apple Green

HEX

#ACC9B8

RGB

rgb(172, 201, 184)

HSL

hsl(145, 21%, 73%)

HSB

hsb(145, 14%, 79%)

CMYK

cmyk(14%, 0%, 8%, 21%)

Oklch

oklch(81.0% 0.039 159.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EC939B

93ECE4

Analogous

EC93C7

EC939B

ECB893

Triadic

EC939B

9AEC93

939AEC

Split-Comp.

EC939B

93ECB8

93C7EC

Tetradic

EC939B

C7EC93

93ECE4

B893EC

Contrast Matrix WCAG 2.1 Contrast

EC939B	EFA69E	DDB9A5	D4CBAB	ACC9B8
—	1.2 Fail	1.3 Fail	1.4 Fail	1.3 Fail
1.2 Fail	—	1.1 Fail	1.2 Fail	1.1 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.0 Fail
1.4 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.3 Fail	1.1 Fail	1.0 Fail	1.1 Fail	—

White BG

2.3Fail

2.0Fail

1.8Fail

1.6Fail

1.8Fail

Black BG

9.2AAA

10.6AAA

11.6AAA

12.9AAA

11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C599

CFCFA0

CDCDAA

D0D0B3

B9B9BC

Deuteranopia

CBD199

D4D9A0

D0D2AB

D1D1B5

B7B5BD

Tritanopia

E89897

EBA1A2

DBAEAF

D4B9BA

ADBFC0

Achromatopsia

AFAFAF

BBBBBB

C1C1C1

CACACA

BEBEBE

Shades & Tints Shades & Tints

#EC939B

Dark

Light

#EFA69E

Dark

Light

#DDB9A5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ec939b;
  --color-2: #efa69e;
  --color-3: #ddb9a5;
  --color-4: #d4cbab;
  --color-5: #acc9b8;
}

SCSS

$color-1: #ec939b;
$color-2: #efa69e;
$color-3: #ddb9a5;
$color-4: #d4cbab;
$color-5: #acc9b8;

TAILWIND

colors: {
  'brand-1': '#ec939b',
  'brand-2': '#efa69e',
  'brand-3': '#ddb9a5',
  'brand-4': '#d4cbab',
  'brand-5': '#acc9b8',
}

RGB Array

[236, 147, 155], [239, 166, 158], [221, 185, 165], [212, 203, 171], [172, 201, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #EC939B, #EFA69E, #DDB9A5, #D4CBAB, #ACC9B8 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: #ec939b; --color-2: #efa69e; --color-3: #ddb9a5; --color-4: #d4cbab; --color-5: #acc9b8. 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