#B5EAC9 + #C5D3AD + #E59278 + #B08A7B + #747C69 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B5EAC9

Emerald · LightBlue · Mint Green

HEX

#B5EAC9

RGB

rgb(181, 234, 201)

HSL

hsl(143, 56%, 81%)

HSB

hsb(143, 23%, 92%)

CMYK

cmyk(23%, 0%, 14%, 8%)

Oklch

oklch(89.1% 0.071 157.3)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#C5D3AD

Willow Green · Silver · Apple Green

HEX

#C5D3AD

RGB

rgb(197, 211, 173)

HSL

hsl(82, 30%, 75%)

HSB

hsb(82, 18%, 83%)

CMYK

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

Oklch

oklch(84.6% 0.053 124.0)

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

#E59278

Peach Pink · DarkSalmon · Coral Red

HEX

#E59278

RGB

rgb(229, 146, 120)

HSL

hsl(14, 68%, 68%)

HSB

hsb(14, 48%, 90%)

CMYK

cmyk(0%, 36%, 48%, 10%)

Oklch

oklch(73.9% 0.108 38.2)

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

#B08A7B

Tangerine · Gray · Warm Sun

HEX

#B08A7B

RGB

rgb(176, 138, 123)

HSL

hsl(17, 25%, 59%)

HSB

hsb(17, 30%, 69%)

CMYK

cmyk(0%, 22%, 30%, 31%)

Oklch

oklch(66.5% 0.052 42.6)

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

#747C69

Grass Green · DimGray · Warm Gray

HEX

#747C69

RGB

rgb(116, 124, 105)

HSL

hsl(85, 8%, 45%)

HSB

hsb(85, 15%, 49%)

CMYK

cmyk(6%, 0%, 15%, 51%)

Oklch

oklch(57.4% 0.030 126.0)

Traditional「Grass Green」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5EAC9

EAB3D5

Analogous

BAEAB3

B5EAC9

B3EAE3

Triadic

B5EAC9

C8B3EA

EAC8B3

Split-Comp.

B5EAC9

E3B3EA

EAB3BA

Tetradic

B5EAC9

B3BAEA

EAB3D5

EAE3B3

Contrast Matrix WCAG 2.1 Contrast

B5EAC9	C5D3AD	E59278	B08A7B	747C69
—	1.2 Fail	1.8 Fail	2.3 Fail	3.2 AA Large
1.2 Fail	—	1.5 Fail	2.0 Fail	2.8 Fail
1.8 Fail	1.5 Fail	—	1.3 Fail	1.8 Fail
2.3 Fail	2.0 Fail	1.3 Fail	—	1.4 Fail
3.2 AA Large	2.8 Fail	1.8 Fail	1.4 Fail	—

White BG

1.3Fail

1.6Fail

2.4Fail

3.1AA Large

4.3AA Large

Black BG

15.6AAA

13.3AAA

8.7AAA

6.8AA

4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCCD1

CBCBB6

C1C07E

A09F7F

77786E

Deuteranopia

C9C5D3

CAC9B8

C6CC80

A2A580

77766F

Tritanopia

B8D7D9

C6BDBF

E18384

AE8182

747172

Achromatopsia

D6D6D6

CACACA

A8A8A8

949494

777777

Shades & Tints Shades & Tints

#B5EAC9

Dark

Light

#C5D3AD

Dark

Light

#E59278

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5eac9;
  --color-2: #c5d3ad;
  --color-3: #e59278;
  --color-4: #b08a7b;
  --color-5: #747c69;
}

SCSS

$color-1: #b5eac9;
$color-2: #c5d3ad;
$color-3: #e59278;
$color-4: #b08a7b;
$color-5: #747c69;

TAILWIND

colors: {
  'brand-1': '#b5eac9',
  'brand-2': '#c5d3ad',
  'brand-3': '#e59278',
  'brand-4': '#b08a7b',
  'brand-5': '#747c69',
}

RGB Array

[181, 234, 201], [197, 211, 173], [229, 146, 120], [176, 138, 123], [116, 124, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B5EAC9, #C5D3AD, #E59278, #B08A7B, #747C69 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: #b5eac9; --color-2: #c5d3ad; --color-3: #e59278; --color-4: #b08a7b; --color-5: #747c69. 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