#EABB87 + #BC9164 + #76929D + #A5A9A8 + #7DA1BB · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EABB87

Goose Yellow · BurlyWood · Warm Sun

HEX

#EABB87

RGB

rgb(234, 187, 135)

HSL

hsl(32, 70%, 72%)

HSB

hsb(32, 42%, 92%)

CMYK

cmyk(0%, 20%, 42%, 8%)

Oklch

oklch(82.2% 0.087 69.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#BC9164

Ginger · DarkSalmon · Warm Sun

HEX

#BC9164

RGB

rgb(188, 145, 100)

HSL

hsl(31, 40%, 56%)

HSB

hsb(31, 47%, 74%)

CMYK

cmyk(0%, 23%, 47%, 26%)

Oklch

oklch(68.7% 0.080 67.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#76929D

Slate Blue · LightSlateGray · Lake Green

HEX

#76929D

RGB

rgb(118, 146, 157)

HSL

hsl(197, 17%, 54%)

HSB

hsb(197, 25%, 62%)

CMYK

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

Oklch

oklch(64.2% 0.036 223.7)

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

#A5A9A8

Ash · DarkGray · Silver Sand

HEX

#A5A9A8

RGB

rgb(165, 169, 168)

HSL

hsl(165, 2%, 65%)

HSB

hsb(165, 2%, 66%)

CMYK

cmyk(2%, 0%, 1%, 34%)

Oklch

oklch(73.1% 0.005 179.7)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#7DA1BB

Sky Blue · CadetBlue · Cobalt Blue

HEX

#7DA1BB

RGB

rgb(125, 161, 187)

HSL

hsl(205, 31%, 61%)

HSB

hsb(205, 33%, 73%)

CMYK

cmyk(33%, 14%, 0%, 27%)

Oklch

oklch(69.2% 0.055 240.0)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EABB87

86B4EA

Analogous

EA8986

EABB87

E6EA86

Triadic

EABB87

86EABB

BB86EA

Split-Comp.

EABB87

86E6EA

8986EA

Tetradic

EABB87

86EA89

86B4EA

EA86E6

Contrast Matrix WCAG 2.1 Contrast

EABB87	BC9164	76929D	A5A9A8	7DA1BB
—	1.6 Fail	1.9 Fail	1.4 Fail	1.6 Fail
1.6 Fail	—	1.2 Fail	1.2 Fail	1.0 Fail
1.9 Fail	1.2 Fail	—	1.4 Fail	1.2 Fail
1.4 Fail	1.2 Fail	1.4 Fail	—	1.1 Fail
1.6 Fail	1.0 Fail	1.2 Fail	1.1 Fail	—

White BG

1.8Fail

2.8Fail

3.3AA Large

2.4Fail

2.7Fail

Black BG

12.0AAA

7.4AAA

6.4AA

8.8AAA

7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D594

A9A96F

82829A

A7A7A8

8D8DB5

Deuteranopia

D8DC97

ACAF72

817E9A

A7A6A8

8B88B3

Tritanopia

E89EA0

BA7779

779898

A5A8A8

7FB0AF

Achromatopsia

C3C3C3

999999

8B8B8B

A8A8A8

999999

Shades & Tints Shades & Tints

#EABB87

Dark

Light

#BC9164

Dark

Light

#76929D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eabb87;
  --color-2: #bc9164;
  --color-3: #76929d;
  --color-4: #a5a9a8;
  --color-5: #7da1bb;
}

SCSS

$color-1: #eabb87;
$color-2: #bc9164;
$color-3: #76929d;
$color-4: #a5a9a8;
$color-5: #7da1bb;

TAILWIND

colors: {
  'brand-1': '#eabb87',
  'brand-2': '#bc9164',
  'brand-3': '#76929d',
  'brand-4': '#a5a9a8',
  'brand-5': '#7da1bb',
}

RGB Array

[234, 187, 135], [188, 145, 100], [118, 146, 157], [165, 169, 168], [125, 161, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #EABB87, #BC9164, #76929D, #A5A9A8, #7DA1BB is ideal for: corporate websites, product showcases, portfolios. 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: #eabb87; --color-2: #bc9164; --color-3: #76929d; --color-4: #a5a9a8; --color-5: #7da1bb. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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