#948176 + #D18489 + #E8AF8B + #E8E1DC + #D1CEBA · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#948176

Tangerine · Gray · Warm Sun

HEX

#948176

RGB

rgb(148, 129, 118)

HSL

hsl(22, 12%, 52%)

HSB

hsb(22, 20%, 58%)

CMYK

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

Oklch

oklch(61.7% 0.028 52.0)

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

#D18489

Peach Pink · LightCoral · Coral Red

HEX

#D18489

RGB

rgb(209, 132, 137)

HSL

hsl(356, 46%, 67%)

HSB

hsb(356, 37%, 82%)

CMYK

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

Oklch

oklch(69.5% 0.095 15.6)

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

#E8AF8B

Apricot · BurlyWood · Warm Sun

HEX

#E8AF8B

RGB

rgb(232, 175, 139)

HSL

hsl(23, 67%, 73%)

HSB

hsb(23, 40%, 91%)

CMYK

cmyk(0%, 25%, 40%, 9%)

Oklch

oklch(79.8% 0.083 53.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E8E1DC

Apricot · Beige · Peach Orange

HEX

#E8E1DC

RGB

rgb(232, 225, 220)

HSL

hsl(25, 21%, 89%)

HSB

hsb(25, 5%, 91%)

CMYK

cmyk(0%, 3%, 5%, 9%)

Oklch

oklch(91.4% 0.010 58.2)

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

#D1CEBA

Fresh Green · Silver · Lemon Cream

HEX

#D1CEBA

RGB

rgb(209, 206, 186)

HSL

hsl(52, 20%, 77%)

HSB

hsb(52, 11%, 82%)

CMYK

cmyk(0%, 1%, 11%, 18%)

Oklch

oklch(84.8% 0.027 100.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

948176

768993

Analogous

93767A

948176

938F76

Triadic

948176

769381

817693

Split-Comp.

948176

76938F

767A93

Tetradic

948176

7A9376

768993

8F7693

Contrast Matrix WCAG 2.1 Contrast

948176	D18489	E8AF8B	E8E1DC	D1CEBA
—	1.3 Fail	1.9 Fail	2.9 Fail	2.3 Fail
1.3 Fail	—	1.5 Fail	2.2 Fail	1.8 Fail
1.9 Fail	1.5 Fail	—	1.5 Fail	1.2 Fail
2.9 Fail	2.2 Fail	1.5 Fail	—	1.2 Fail
2.3 Fail	1.8 Fail	1.2 Fail	1.2 Fail	—

White BG

3.7AA Large

2.8Fail

1.9Fail

1.3Fail

1.6Fail

Black BG

5.7AA

7.4AAA

10.9AAA

16.2AAA

13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8C79

B0AF88

CFCF94

E5E5DD

D0D0BF

Deuteranopia

8D8E79

B4BA88

D3D796

E5E6DE

D0D0C0

Tritanopia

937B7B

CD8787

E59B9C

E8DEDE

D1C3C4

Achromatopsia

858585

9C9C9C

BCBCBC

E3E3E3

CDCDCD

Shades & Tints Shades & Tints

#948176

Dark

Light

#D18489

Dark

Light

#E8AF8B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #948176;
  --color-2: #d18489;
  --color-3: #e8af8b;
  --color-4: #e8e1dc;
  --color-5: #d1ceba;
}

SCSS

$color-1: #948176;
$color-2: #d18489;
$color-3: #e8af8b;
$color-4: #e8e1dc;
$color-5: #d1ceba;

TAILWIND

colors: {
  'brand-1': '#948176',
  'brand-2': '#d18489',
  'brand-3': '#e8af8b',
  'brand-4': '#e8e1dc',
  'brand-5': '#d1ceba',
}

RGB Array

[148, 129, 118], [209, 132, 137], [232, 175, 139], [232, 225, 220], [209, 206, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #948176, #D18489, #E8AF8B, #E8E1DC, #D1CEBA 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: #948176; --color-2: #d18489; --color-3: #e8af8b; --color-4: #e8e1dc; --color-5: #d1ceba. 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