#A6D7D1 + #BED3C3 + #D6CEB1 + #EBC8A9 + #FFBBA3 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A6D7D1

Jade · LightBlue · Lake Green

HEX

#A6D7D1

RGB

rgb(166, 215, 209)

HSL

hsl(173, 38%, 75%)

HSB

hsb(173, 23%, 84%)

CMYK

cmyk(23%, 0%, 3%, 16%)

Oklch

oklch(84.3% 0.052 187.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#BED3C3

Celadon · Silver · Apple Green

HEX

#BED3C3

RGB

rgb(190, 211, 195)

HSL

hsl(134, 19%, 79%)

HSB

hsb(134, 10%, 83%)

CMYK

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

Oklch

oklch(84.7% 0.032 152.8)

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

#D6CEB1

Goose Yellow · Silver · Lemon Cream

HEX

#D6CEB1

RGB

rgb(214, 206, 177)

HSL

hsl(47, 31%, 77%)

HSB

hsb(47, 17%, 84%)

CMYK

cmyk(0%, 4%, 17%, 16%)

Oklch

oklch(85.0% 0.040 94.3)

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

#EBC8A9

Apricot · Wheat · Peach Orange

HEX

#EBC8A9

RGB

rgb(235, 200, 169)

HSL

hsl(28, 62%, 79%)

HSB

hsb(28, 28%, 92%)

CMYK

cmyk(0%, 15%, 28%, 8%)

Oklch

oklch(85.5% 0.057 63.5)

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

#FFBBA3

Apricot · LightPink · Peach Orange

HEX

#FFBBA3

RGB

rgb(255, 187, 163)

HSL

hsl(16, 100%, 82%)

HSB

hsb(16, 36%, 100%)

CMYK

cmyk(0%, 27%, 36%, 0%)

Oklch

oklch(84.9% 0.086 40.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6D7D1

D7A7AD

Analogous

A7D7BA

A6D7D1

A7C5D7

Triadic

A6D7D1

D2A7D7

D7D2A7

Split-Comp.

A6D7D1

D7A7C5

D7BAA7

Tetradic

A6D7D1

BAA7D7

D7A7AD

C5D7A7

Contrast Matrix WCAG 2.1 Contrast

A6D7D1	BED3C3	D6CEB1	EBC8A9	FFBBA3
—	1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

1.6Fail

Black BG

13.3AAA

13.4AAA

12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBCD2

C7C7C7

D3D2B8

DCDCB1

E2E1A9

Deuteranopia

B8B5D3

C6C4C8

D3D4BA

DEE1B2

E6EBAA

Tritanopia

A8D4D4

BFCACB

D6BEBF

E9B6B8

FCADAE

Achromatopsia

C8C8C8

CBCBCB

CDCDCD

CFCFCF

CDCDCD

Shades & Tints Shades & Tints

#A6D7D1

Dark

Light

#BED3C3

Dark

Light

#D6CEB1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6d7d1;
  --color-2: #bed3c3;
  --color-3: #d6ceb1;
  --color-4: #ebc8a9;
  --color-5: #ffbba3;
}

SCSS

$color-1: #a6d7d1;
$color-2: #bed3c3;
$color-3: #d6ceb1;
$color-4: #ebc8a9;
$color-5: #ffbba3;

TAILWIND

colors: {
  'brand-1': '#a6d7d1',
  'brand-2': '#bed3c3',
  'brand-3': '#d6ceb1',
  'brand-4': '#ebc8a9',
  'brand-5': '#ffbba3',
}

RGB Array

[166, 215, 209], [190, 211, 195], [214, 206, 177], [235, 200, 169], [255, 187, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #A6D7D1, #BED3C3, #D6CEB1, #EBC8A9, #FFBBA3 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: #a6d7d1; --color-2: #bed3c3; --color-3: #d6ceb1; --color-4: #ebc8a9; --color-5: #ffbba3. 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