#B0C099 + #CE9385 + #D35559 + #E29976 + #A1C5B9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B0C099

Willow Green · DarkGray · Apple Green

HEX

#B0C099

RGB

rgb(176, 192, 153)

HSL

hsl(85, 24%, 68%)

HSB

hsb(85, 20%, 75%)

CMYK

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

Oklch

oklch(78.5% 0.056 125.8)

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

#CE9385

Peach Pink · DarkSalmon · Coral Red

HEX

#CE9385

RGB

rgb(206, 147, 133)

HSL

hsl(12, 43%, 66%)

HSB

hsb(12, 35%, 81%)

CMYK

cmyk(0%, 29%, 35%, 19%)

Oklch

oklch(71.7% 0.075 33.8)

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

#D35559

Crimson · Tomato · Passion Red

HEX

#D35559

RGB

rgb(211, 85, 89)

HSL

hsl(358, 59%, 58%)

HSB

hsb(358, 60%, 83%)

CMYK

cmyk(0%, 60%, 58%, 17%)

Oklch

oklch(61.4% 0.159 21.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#E29976

Apricot · DarkSalmon · Warm Sun

HEX

#E29976

RGB

rgb(226, 153, 118)

HSL

hsl(19, 65%, 67%)

HSB

hsb(19, 48%, 89%)

CMYK

cmyk(0%, 32%, 48%, 11%)

Oklch

oklch(74.7% 0.100 46.4)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#A1C5B9

Jade · Silver · Lake Green

HEX

#A1C5B9

RGB

rgb(161, 197, 185)

HSL

hsl(160, 24%, 70%)

HSB

hsb(160, 18%, 77%)

CMYK

cmyk(18%, 0%, 6%, 23%)

Oklch

oklch(79.4% 0.042 172.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B0C099

AA9AC1

Analogous

C1BE9A

B0C099

9DC19A

Triadic

B0C099

9AB1C1

C19AB1

Split-Comp.

B0C099

9A9DC1

BE9AC1

Tetradic

B0C099

9AC1BE

AA9AC1

C19A9D

Contrast Matrix WCAG 2.1 Contrast

B0C099	CE9385	D35559	E29976	A1C5B9
—	1.3 Fail	2.1 Fail	1.2 Fail	1.0 Fail
1.3 Fail	—	1.6 Fail	1.1 Fail	1.4 Fail
2.1 Fail	1.6 Fail	—	1.7 Fail	2.1 Fail
1.2 Fail	1.1 Fail	1.7 Fail	—	1.2 Fail
1.0 Fail	1.4 Fail	2.1 Fail	1.2 Fail	—

White BG

1.9Fail

2.6Fail

4.0AA Large

2.3Fail

1.9Fail

Black BG

10.8AAA

8.1AAA

5.2AA

9.1AAA

11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B7A2

B4B488

9C9B58

C2C27E

B1B1BC

Deuteranopia

B6B5A5

B8BC89

A4AD58

C7CC81

AFACBD

Tritanopia

B1AAAC

CB8B8C

CD5757

DE8587

A3BEBF

Achromatopsia

B7B7B7

A3A3A3

7B7B7B

ABABAB

B9B9B9

Shades & Tints Shades & Tints

#B0C099

Dark

Light

#CE9385

Dark

Light

#D35559

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b0c099;
  --color-2: #ce9385;
  --color-3: #d35559;
  --color-4: #e29976;
  --color-5: #a1c5b9;
}

SCSS

$color-1: #b0c099;
$color-2: #ce9385;
$color-3: #d35559;
$color-4: #e29976;
$color-5: #a1c5b9;

TAILWIND

colors: {
  'brand-1': '#b0c099',
  'brand-2': '#ce9385',
  'brand-3': '#d35559',
  'brand-4': '#e29976',
  'brand-5': '#a1c5b9',
}

RGB Array

[176, 192, 153], [206, 147, 133], [211, 85, 89], [226, 153, 118], [161, 197, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B0C099, #CE9385, #D35559, #E29976, #A1C5B9 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: #b0c099; --color-2: #ce9385; --color-3: #d35559; --color-4: #e29976; --color-5: #a1c5b9. 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