#D2C1AE + #A8E2E5 + #8DBCD1 + #DBC2A0 + #D99493 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D2C1AE

Goose Yellow · Silver · Warm Sun

HEX

#D2C1AE

RGB

rgb(210, 193, 174)

HSL

hsl(32, 29%, 75%)

HSB

hsb(32, 17%, 82%)

CMYK

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

Oklch

oklch(82.0% 0.032 70.4)

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

#A8E2E5

Sky Blue · LightBlue · Glacier Blue

HEX

#A8E2E5

RGB

rgb(168, 226, 229)

HSL

hsl(183, 54%, 78%)

HSB

hsb(183, 27%, 90%)

CMYK

cmyk(27%, 1%, 0%, 10%)

Oklch

oklch(87.4% 0.059 200.1)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#8DBCD1

Sky Blue · SkyBlue · Lake Green

HEX

#8DBCD1

RGB

rgb(141, 188, 209)

HSL

hsl(199, 42%, 69%)

HSB

hsb(199, 33%, 82%)

CMYK

cmyk(33%, 10%, 0%, 18%)

Oklch

oklch(76.9% 0.058 227.2)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#DBC2A0

Goose Yellow · Tan · Warm Sun

HEX

#DBC2A0

RGB

rgb(219, 194, 160)

HSL

hsl(35, 45%, 74%)

HSB

hsb(35, 27%, 86%)

CMYK

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

Oklch

oklch(82.7% 0.054 75.4)

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

#D99493

Peach Pink · DarkSalmon · Coral Red

HEX

#D99493

RGB

rgb(217, 148, 147)

HSL

hsl(1, 48%, 71%)

HSB

hsb(1, 32%, 85%)

CMYK

cmyk(0%, 32%, 32%, 15%)

Oklch

oklch(73.4% 0.084 20.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2C1AE

ADBED2

Analogous

D2AEAD

D2C1AE

D1D2AD

Triadic

D2C1AE

ADD2C0

C0ADD2

Split-Comp.

D2C1AE

ADD1D2

AEADD2

Tetradic

D2C1AE

ADD2AE

ADBED2

D2ADD1

Contrast Matrix WCAG 2.1 Contrast

D2C1AE	A8E2E5	8DBCD1	DBC2A0	D99493
—	1.2 Fail	1.2 Fail	1.0 Fail	1.4 Fail
1.2 Fail	—	1.4 Fail	1.2 Fail	1.7 Fail
1.2 Fail	1.4 Fail	—	1.2 Fail	1.2 Fail
1.0 Fail	1.2 Fail	1.2 Fail	—	1.4 Fail
1.4 Fail	1.7 Fail	1.2 Fail	1.4 Fail	—

White BG

1.8Fail

1.4Fail

2.0Fail

1.7Fail

2.4Fail

Black BG

12.0AAA

14.7AAA

10.2AAA

12.2AAA

8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCAB3

C1C2E4

A1A2CC

D0D0A8

BBBB93

Deuteranopia

CCCDB4

BEB9E4

9F9BCB

D2D3AA

BFC493

Tritanopia

D1B6B7

ABE4E4

8FC8C7

DAAFB0

D69393

Achromatopsia

C4C4C4

D1D1D1

B0B0B0

C6C6C6

A9A9A9

Shades & Tints Shades & Tints

#D2C1AE

Dark

Light

#A8E2E5

Dark

Light

#8DBCD1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2c1ae;
  --color-2: #a8e2e5;
  --color-3: #8dbcd1;
  --color-4: #dbc2a0;
  --color-5: #d99493;
}

SCSS

$color-1: #d2c1ae;
$color-2: #a8e2e5;
$color-3: #8dbcd1;
$color-4: #dbc2a0;
$color-5: #d99493;

TAILWIND

colors: {
  'brand-1': '#d2c1ae',
  'brand-2': '#a8e2e5',
  'brand-3': '#8dbcd1',
  'brand-4': '#dbc2a0',
  'brand-5': '#d99493',
}

RGB Array

[210, 193, 174], [168, 226, 229], [141, 188, 209], [219, 194, 160], [217, 148, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #D2C1AE, #A8E2E5, #8DBCD1, #DBC2A0, #D99493 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: #d2c1ae; --color-2: #a8e2e5; --color-3: #8dbcd1; --color-4: #dbc2a0; --color-5: #d99493. 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