#B5D1BA + #EDE9C2 + #D3C29A + #BAAC8B + #A89D82 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B5D1BA

Celadon · Silver · Apple Green

HEX

#B5D1BA

RGB

rgb(181, 209, 186)

HSL

hsl(131, 23%, 76%)

HSB

hsb(131, 13%, 82%)

CMYK

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

Oklch

oklch(83.4% 0.044 150.5)

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

#EDE9C2

Fresh Green · Bisque · Lemon Cream

HEX

#EDE9C2

RGB

rgb(237, 233, 194)

HSL

hsl(54, 54%, 85%)

HSB

hsb(54, 18%, 93%)

CMYK

cmyk(0%, 2%, 18%, 7%)

Oklch

oklch(92.7% 0.051 102.5)

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

#D3C29A

Goose Yellow · Tan · Sunflower

HEX

#D3C29A

RGB

rgb(211, 194, 154)

HSL

hsl(42, 39%, 72%)

HSB

hsb(42, 27%, 83%)

CMYK

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

Oklch

oklch(81.8% 0.057 87.7)

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

#BAAC8B

Ginger · Tan · Sunflower

HEX

#BAAC8B

RGB

rgb(186, 172, 139)

HSL

hsl(42, 25%, 64%)

HSB

hsb(42, 25%, 73%)

CMYK

cmyk(0%, 8%, 25%, 27%)

Oklch

oklch(74.8% 0.048 87.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#A89D82

Ginger · DarkGray · Sunflower

HEX

#A89D82

RGB

rgb(168, 157, 130)

HSL

hsl(43, 18%, 58%)

HSB

hsb(43, 23%, 66%)

CMYK

cmyk(0%, 7%, 23%, 34%)

Oklch

oklch(69.8% 0.040 88.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5D1BA

D0B4CB

Analogous

BDD0B4

B5D1BA

B4D0C7

Triadic

B5D1BA

B9B4D0

D0B9B4

Split-Comp.

B5D1BA

C7B4D0

D0B4BD

Tetradic

B5D1BA

B4BDD0

D0B4CB

D0C7B4

Contrast Matrix WCAG 2.1 Contrast

B5D1BA	EDE9C2	D3C29A	BAAC8B	A89D82
—	1.3 Fail	1.1 Fail	1.4 Fail	1.6 Fail
1.3 Fail	—	1.4 Fail	1.8 Fail	2.2 Fail
1.1 Fail	1.4 Fail	—	1.3 Fail	1.5 Fail
1.4 Fail	1.8 Fail	1.3 Fail	—	1.2 Fail
1.6 Fail	2.2 Fail	1.5 Fail	1.2 Fail	—

White BG

1.6Fail

1.2Fail

1.8Fail

2.2Fail

2.7Fail

Black BG

12.8AAA

17.0AAA

12.0AAA

9.4AAA

7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1C0

EBEBCB

CCCBA4

B4B493

A3A389

Deuteranopia

C0BDC1

ECECCE

CDCEA6

B5B695

A4A58A

Tritanopia

B6C4C5

EDD3D5

D2ABAD

B9999B

A78E8F

Achromatopsia

C6C6C6

E6E6E6

C3C3C3

ACACAC

9D9D9D

Shades & Tints Shades & Tints

#B5D1BA

Dark

Light

#EDE9C2

Dark

Light

#D3C29A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5d1ba;
  --color-2: #ede9c2;
  --color-3: #d3c29a;
  --color-4: #baac8b;
  --color-5: #a89d82;
}

SCSS

$color-1: #b5d1ba;
$color-2: #ede9c2;
$color-3: #d3c29a;
$color-4: #baac8b;
$color-5: #a89d82;

TAILWIND

colors: {
  'brand-1': '#b5d1ba',
  'brand-2': '#ede9c2',
  'brand-3': '#d3c29a',
  'brand-4': '#baac8b',
  'brand-5': '#a89d82',
}

RGB Array

[181, 209, 186], [237, 233, 194], [211, 194, 154], [186, 172, 139], [168, 157, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #B5D1BA, #EDE9C2, #D3C29A, #BAAC8B, #A89D82 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: #b5d1ba; --color-2: #ede9c2; --color-3: #d3c29a; --color-4: #baac8b; --color-5: #a89d82. 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