#958673 + #B0C6AF + #CACEB3 + #E5DBB8 + #EFCEAD · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#958673

Ginger · Gray · Warm Sun

HEX

#958673

RGB

rgb(149, 134, 115)

HSL

hsl(34, 14%, 52%)

HSB

hsb(34, 23%, 58%)

CMYK

cmyk(0%, 10%, 23%, 42%)

Oklch

oklch(62.8% 0.033 73.7)

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

#B0C6AF

Celadon · Silver · Apple Green

HEX

#B0C6AF

RGB

rgb(176, 198, 175)

HSL

hsl(117, 17%, 73%)

HSB

hsb(117, 12%, 78%)

CMYK

cmyk(11%, 0%, 12%, 22%)

Oklch

oklch(80.3% 0.040 144.0)

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

#CACEB3

Fresh Green · Silver · Sunflower

HEX

#CACEB3

RGB

rgb(202, 206, 179)

HSL

hsl(69, 22%, 75%)

HSB

hsb(69, 13%, 81%)

CMYK

cmyk(2%, 0%, 13%, 19%)

Oklch

oklch(84.1% 0.037 114.0)

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

#E5DBB8

Goose Yellow · Wheat · Lemon Cream

HEX

#E5DBB8

RGB

rgb(229, 219, 184)

HSL

hsl(47, 46%, 81%)

HSB

hsb(47, 20%, 90%)

CMYK

cmyk(0%, 4%, 20%, 10%)

Oklch

oklch(89.0% 0.048 93.9)

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

#EFCEAD

Goose Yellow · Wheat · Peach Orange

HEX

#EFCEAD

RGB

rgb(239, 206, 173)

HSL

hsl(30, 67%, 81%)

HSB

hsb(30, 28%, 94%)

CMYK

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

Oklch

oklch(87.1% 0.058 66.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

958673

738296

Analogous

967673

958673

939673

Triadic

958673

739687

877396

Split-Comp.

958673

739396

767396

Tetradic

958673

739676

738296

967393

Contrast Matrix WCAG 2.1 Contrast

958673	B0C6AF	CACEB3	E5DBB8	EFCEAD
—	1.9 Fail	2.2 Fail	2.6 Fail	2.4 Fail
1.9 Fail	—	1.1 Fail	1.3 Fail	1.2 Fail
2.2 Fail	1.1 Fail	—	1.2 Fail	1.1 Fail
2.6 Fail	1.3 Fail	1.2 Fail	—	1.1 Fail
2.4 Fail	1.2 Fail	1.1 Fail	1.1 Fail	—

White BG

3.5AA Large

1.8Fail

1.6Fail

1.4Fail

1.5Fail

Black BG

5.9AA

11.5AAA

13.0AAA

15.2AAA

14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8E78

BABAB5

CCCCBA

E1E1C0

E1E0B5

Deuteranopia

8F9179

B8B7B6

CCCBBB

E1E2C3

E3E5B7

Tritanopia

947B7C

B1B9BA

CABFC0

E4C7C9

EDBBBD

Achromatopsia

888888

BDBDBD

CACACA

DADADA

D4D4D4

Shades & Tints Shades & Tints

#958673

Dark

Light

#B0C6AF

Dark

Light

#CACEB3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #958673;
  --color-2: #b0c6af;
  --color-3: #caceb3;
  --color-4: #e5dbb8;
  --color-5: #efcead;
}

SCSS

$color-1: #958673;
$color-2: #b0c6af;
$color-3: #caceb3;
$color-4: #e5dbb8;
$color-5: #efcead;

TAILWIND

colors: {
  'brand-1': '#958673',
  'brand-2': '#b0c6af',
  'brand-3': '#caceb3',
  'brand-4': '#e5dbb8',
  'brand-5': '#efcead',
}

RGB Array

[149, 134, 115], [176, 198, 175], [202, 206, 179], [229, 219, 184], [239, 206, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #958673, #B0C6AF, #CACEB3, #E5DBB8, #EFCEAD 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: #958673; --color-2: #b0c6af; --color-3: #caceb3; --color-4: #e5dbb8; --color-5: #efcead. 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