#91BFAA + #A7C6AC + #BDCEAF + #D2D5AF + #E8DCB1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#91BFAA

Jade · DarkSeaGreen · Apple Green

HEX

#91BFAA

RGB

rgb(145, 191, 170)

HSL

hsl(153, 26%, 66%)

HSB

hsb(153, 24%, 75%)

CMYK

cmyk(24%, 0%, 11%, 25%)

Oklch

oklch(76.6% 0.057 165.2)

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

#A7C6AC

Celadon · DarkGray · Apple Green

HEX

#A7C6AC

RGB

rgb(167, 198, 172)

HSL

hsl(130, 21%, 72%)

HSB

hsb(130, 16%, 78%)

CMYK

cmyk(16%, 0%, 13%, 22%)

Oklch

oklch(79.6% 0.049 149.8)

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

#BDCEAF

Celadon · Silver · Apple Green

HEX

#BDCEAF

RGB

rgb(189, 206, 175)

HSL

hsl(93, 24%, 75%)

HSB

hsb(93, 15%, 81%)

CMYK

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

Oklch

oklch(83.0% 0.046 130.9)

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

#D2D5AF

Fresh Green · Silver · Lemon Cream

HEX

#D2D5AF

RGB

rgb(210, 213, 175)

HSL

hsl(65, 31%, 76%)

HSB

hsb(65, 18%, 84%)

CMYK

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

Oklch

oklch(86.1% 0.051 111.1)

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

#E8DCB1

Goose Yellow · Wheat · Lemon Cream

HEX

#E8DCB1

RGB

rgb(232, 220, 177)

HSL

hsl(47, 54%, 80%)

HSB

hsb(47, 24%, 91%)

CMYK

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

Oklch

oklch(89.3% 0.058 94.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

91BFAA

BF92A6

Analogous

92BF94

91BFAA

92BDBF

Triadic

91BFAA

AB92BF

BFAB92

Split-Comp.

91BFAA

BF92BD

BF9492

Tetradic

91BFAA

9492BF

BF92A6

BDBF92

Contrast Matrix WCAG 2.1 Contrast

91BFAA	A7C6AC	BDCEAF	D2D5AF	E8DCB1
—	1.1 Fail	1.2 Fail	1.4 Fail	1.5 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.4 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.4 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.5 Fail	1.4 Fail	1.2 Fail	1.1 Fail	—

White BG

2.1Fail

1.9Fail

1.7Fail

1.5Fail

1.4Fail

Black BG

10.2AAA

11.3AAA

12.6AAA

13.9AAA

15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A5AF

B4B5B2

C4C5B7

D3D3B8

E3E3BB

Deuteranopia

A29FB0

B3B0B4

C3C2B8

D3D3BA

E4E4BE

Tritanopia

93B3B4

A9B7B8

BEBCBE

D2BFC1

E7C4C5

Achromatopsia

AFAFAF

BABABA

C5C5C5

D0D0D0

DBDBDB

Shades & Tints Shades & Tints

#91BFAA

Dark

Light

#A7C6AC

Dark

Light

#BDCEAF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #91bfaa;
  --color-2: #a7c6ac;
  --color-3: #bdceaf;
  --color-4: #d2d5af;
  --color-5: #e8dcb1;
}

SCSS

$color-1: #91bfaa;
$color-2: #a7c6ac;
$color-3: #bdceaf;
$color-4: #d2d5af;
$color-5: #e8dcb1;

TAILWIND

colors: {
  'brand-1': '#91bfaa',
  'brand-2': '#a7c6ac',
  'brand-3': '#bdceaf',
  'brand-4': '#d2d5af',
  'brand-5': '#e8dcb1',
}

RGB Array

[145, 191, 170], [167, 198, 172], [189, 206, 175], [210, 213, 175], [232, 220, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #91BFAA, #A7C6AC, #BDCEAF, #D2D5AF, #E8DCB1 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: #91bfaa; --color-2: #a7c6ac; --color-3: #bdceaf; --color-4: #d2d5af; --color-5: #e8dcb1. 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 general-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