#BED6C6 + #F0EED5 + #DEC9B6 + #DBA0A2 + #A2828D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BED6C6

Celadon · Silver · Apple Green

HEX

#BED6C6

RGB

rgb(190, 214, 198)

HSL

hsl(140, 23%, 79%)

HSB

hsb(140, 11%, 84%)

CMYK

cmyk(11%, 0%, 7%, 16%)

Oklch

oklch(85.4% 0.034 156.4)

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

#F0EED5

Fresh Green · Beige · Lemon Cream

HEX

#F0EED5

RGB

rgb(240, 238, 213)

HSL

hsl(56, 47%, 89%)

HSB

hsb(56, 11%, 94%)

CMYK

cmyk(0%, 1%, 11%, 6%)

Oklch

oklch(94.4% 0.033 103.3)

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

#DEC9B6

Apricot · Wheat · Peach Orange

HEX

#DEC9B6

RGB

rgb(222, 201, 182)

HSL

hsl(28, 38%, 79%)

HSB

hsb(28, 18%, 87%)

CMYK

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

Oklch

oklch(84.8% 0.035 64.5)

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

#DBA0A2

Peach Pink · Tan · Coral Red

HEX

#DBA0A2

RGB

rgb(219, 160, 162)

HSL

hsl(358, 45%, 74%)

HSB

hsb(358, 27%, 86%)

CMYK

cmyk(0%, 27%, 26%, 14%)

Oklch

oklch(76.2% 0.070 16.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#A2828D

Dark Violet · Gray · Rose Pink

HEX

#A2828D

RGB

rgb(162, 130, 141)

HSL

hsl(339, 15%, 57%)

HSB

hsb(339, 20%, 64%)

CMYK

cmyk(0%, 20%, 13%, 36%)

Oklch

oklch(64.0% 0.042 355.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BED6C6

D6BDCE

Analogous

C1D6BD

BED6C6

BDD6D2

Triadic

BED6C6

C5BDD6

D6C5BD

Split-Comp.

BED6C6

D2BDD6

D6BDC1

Tetradic

BED6C6

BDC1D6

D6BDCE

D6D2BD

Contrast Matrix WCAG 2.1 Contrast

BED6C6	F0EED5	DEC9B6	DBA0A2	A2828D
—	1.3 Fail	1.0 Fail	1.4 Fail	2.2 Fail
1.3 Fail	—	1.4 Fail	1.9 Fail	2.9 Fail
1.0 Fail	1.4 Fail	—	1.4 Fail	2.1 Fail
1.4 Fail	1.9 Fail	1.4 Fail	—	1.6 Fail
2.2 Fail	2.9 Fail	2.1 Fail	1.6 Fail	—

White BG

1.5Fail

1.2Fail

1.6Fail

2.2Fail

3.4AA Large

Black BG

13.6AAA

17.9AAA

13.1AAA

9.6AAA

6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C9CA

EFEFDB

D5D5BB

C1C1A2

94948A

Deuteranopia

C7C5CB

EFEFDD

D6D8BC

C5C9A1

96988A

Tritanopia

BFCDCE

F0E0E1

DDBEBF

D8A1A1

A08888

Achromatopsia

CDCDCD

ECECEC

CDCDCD

B2B2B2

8D8D8D

Shades & Tints Shades & Tints

#BED6C6

Dark

Light

#F0EED5

Dark

Light

#DEC9B6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bed6c6;
  --color-2: #f0eed5;
  --color-3: #dec9b6;
  --color-4: #dba0a2;
  --color-5: #a2828d;
}

SCSS

$color-1: #bed6c6;
$color-2: #f0eed5;
$color-3: #dec9b6;
$color-4: #dba0a2;
$color-5: #a2828d;

TAILWIND

colors: {
  'brand-1': '#bed6c6',
  'brand-2': '#f0eed5',
  'brand-3': '#dec9b6',
  'brand-4': '#dba0a2',
  'brand-5': '#a2828d',
}

RGB Array

[190, 214, 198], [240, 238, 213], [222, 201, 182], [219, 160, 162], [162, 130, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BED6C6, #F0EED5, #DEC9B6, #DBA0A2, #A2828D 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: #bed6c6; --color-2: #f0eed5; --color-3: #dec9b6; --color-4: #dba0a2; --color-5: #a2828d. 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