#7FA2A2 + #BD9D98 + #F79990 + #EBC09B + #E2EEAF · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#7FA2A2

Slate Blue · LightSlateGray · Lake Green

HEX

#7FA2A2

RGB

rgb(127, 162, 162)

HSL

hsl(180, 16%, 57%)

HSB

hsb(180, 22%, 64%)

CMYK

cmyk(22%, 0%, 0%, 36%)

Oklch

oklch(68.6% 0.038 196.3)

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

#BD9D98

Peach Pink · DarkGray · Coral Red

HEX

#BD9D98

RGB

rgb(189, 157, 152)

HSL

hsl(8, 22%, 67%)

HSB

hsb(8, 20%, 74%)

CMYK

cmyk(0%, 17%, 20%, 26%)

Oklch

oklch(72.3% 0.039 28.5)

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

#F79990

Peach Pink · LightSalmon · Coral Red

HEX

#F79990

RGB

rgb(247, 153, 144)

HSL

hsl(5, 87%, 77%)

HSB

hsb(5, 42%, 97%)

CMYK

cmyk(0%, 38%, 42%, 3%)

Oklch

oklch(77.7% 0.114 25.9)

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

#EBC09B

Apricot · BurlyWood · Peach Orange

HEX

#EBC09B

RGB

rgb(235, 192, 155)

HSL

hsl(28, 67%, 76%)

HSB

hsb(28, 34%, 92%)

CMYK

cmyk(0%, 18%, 34%, 8%)

Oklch

oklch(83.7% 0.070 62.4)

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

#E2EEAF

Willow Green · Wheat · Mint Green

HEX

#E2EEAF

RGB

rgb(226, 238, 175)

HSL

hsl(71, 65%, 81%)

HSB

hsb(71, 26%, 93%)

CMYK

cmyk(5%, 0%, 26%, 7%)

Oklch

oklch(92.5% 0.083 116.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7FA2A2

A38080

Analogous

80A391

7FA2A2

8091A3

Triadic

7FA2A2

A380A3

A3A380

Split-Comp.

7FA2A2

A38091

A39180

Tetradic

7FA2A2

9180A3

A38080

91A380

Contrast Matrix WCAG 2.1 Contrast

7FA2A2	BD9D98	F79990	EBC09B	E2EEAF
—	1.1 Fail	1.3 Fail	1.7 Fail	2.2 Fail
1.1 Fail	—	1.2 Fail	1.5 Fail	2.0 Fail
1.3 Fail	1.2 Fail	—	1.3 Fail	1.7 Fail
1.7 Fail	1.5 Fail	1.3 Fail	—	1.4 Fail
2.2 Fail	2.0 Fail	1.7 Fail	1.4 Fail	—

White BG

2.8Fail

2.5Fail

2.1Fail

1.7Fail

1.2Fail

Black BG

7.6AAA

8.4AAA

9.9AAA

12.5AAA

17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8EA2

AFAF99

CECD92

D8D8A4

E7E7BE

Deuteranopia

8C8AA2

B1B39A

D4DB93

DBDEA6

E7E6C2

Tritanopia

81A2A2

BB9A9A

F29494

E9ABAD

E3CACD

Achromatopsia

989898

A6A6A6

B4B4B4

C9C9C9

E3E3E3

Shades & Tints Shades & Tints

#7FA2A2

Dark

Light

#BD9D98

Dark

Light

#F79990

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7fa2a2;
  --color-2: #bd9d98;
  --color-3: #f79990;
  --color-4: #ebc09b;
  --color-5: #e2eeaf;
}

SCSS

$color-1: #7fa2a2;
$color-2: #bd9d98;
$color-3: #f79990;
$color-4: #ebc09b;
$color-5: #e2eeaf;

TAILWIND

colors: {
  'brand-1': '#7fa2a2',
  'brand-2': '#bd9d98',
  'brand-3': '#f79990',
  'brand-4': '#ebc09b',
  'brand-5': '#e2eeaf',
}

RGB Array

[127, 162, 162], [189, 157, 152], [247, 153, 144], [235, 192, 155], [226, 238, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #7FA2A2, #BD9D98, #F79990, #EBC09B, #E2EEAF 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: #7fa2a2; --color-2: #bd9d98; --color-3: #f79990; --color-4: #ebc09b; --color-5: #e2eeaf. 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