#DEA8BE + #89C4BE + #A7DDC8 + #EFD6C7 + #F2CBC0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DEA8BE

Rouge · LightPink · Cherry Blossom

HEX

#DEA8BE

RGB

rgb(222, 168, 190)

HSL

hsl(336, 45%, 76%)

HSB

hsb(336, 24%, 87%)

CMYK

cmyk(0%, 24%, 14%, 13%)

Oklch

oklch(78.8% 0.069 352.5)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#89C4BE

Jade · MediumAquaMarine · Lake Green

HEX

#89C4BE

RGB

rgb(137, 196, 190)

HSL

hsl(174, 33%, 65%)

HSB

hsb(174, 30%, 77%)

CMYK

cmyk(30%, 0%, 3%, 23%)

Oklch

oklch(77.8% 0.061 188.0)

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

#A7DDC8

Jade · LightBlue · Apple Green

HEX

#A7DDC8

RGB

rgb(167, 221, 200)

HSL

hsl(157, 44%, 76%)

HSB

hsb(157, 24%, 87%)

CMYK

cmyk(24%, 0%, 10%, 13%)

Oklch

oklch(85.4% 0.063 168.9)

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

#EFD6C7

Apricot · Bisque · Peach Orange

HEX

#EFD6C7

RGB

rgb(239, 214, 199)

HSL

hsl(23, 56%, 86%)

HSB

hsb(23, 17%, 94%)

CMYK

cmyk(0%, 10%, 17%, 6%)

Oklch

oklch(89.3% 0.035 53.0)

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

#F2CBC0

Peach Pink · Pink · Cherry Blossom

HEX

#F2CBC0

RGB

rgb(242, 203, 192)

HSL

hsl(13, 66%, 85%)

HSB

hsb(13, 21%, 95%)

CMYK

cmyk(0%, 16%, 21%, 5%)

Oklch

oklch(87.3% 0.047 36.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEA8BE

A6DDC7

Analogous

DDA6D8

DEA8BE

DDACA6

Triadic

DEA8BE

BCDDA6

A6BCDD

Split-Comp.

DEA8BE

A6DDAC

A6D8DD

Tetradic

DEA8BE

D8DDA6

A6DDC7

ACA6DD

Contrast Matrix WCAG 2.1 Contrast

DEA8BE	89C4BE	A7DDC8	EFD6C7	F2CBC0
—	1.0 Fail	1.3 Fail	1.4 Fail	1.3 Fail
1.0 Fail	—	1.3 Fail	1.4 Fail	1.3 Fail
1.3 Fail	1.3 Fail	—	1.1 Fail	1.0 Fail
1.4 Fail	1.4 Fail	1.1 Fail	—	1.1 Fail
1.3 Fail	1.3 Fail	1.0 Fail	1.1 Fail	—

White BG

2.0Fail

1.5Fail

1.4Fail

1.5Fail

Black BG

10.5AAA

10.7AAA

13.8AAA

15.1AAA

14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C6B9

A3A3BF

BEBFCD

E4E4CB

E1E1C3

Deuteranopia

CACEB7

9F9BC0

BBB7CE

E6E8CC

E3E6C3

Tritanopia

DBB4B4

8CC1C1

AAD1D2

EECDCE

F0C5C5

Achromatopsia

BBBBBB

B2B2B2

CACACA

DCDCDC

D5D5D5

Shades & Tints Shades & Tints

#DEA8BE

Dark

Light

#89C4BE

Dark

Light

#A7DDC8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dea8be;
  --color-2: #89c4be;
  --color-3: #a7ddc8;
  --color-4: #efd6c7;
  --color-5: #f2cbc0;
}

SCSS

$color-1: #dea8be;
$color-2: #89c4be;
$color-3: #a7ddc8;
$color-4: #efd6c7;
$color-5: #f2cbc0;

TAILWIND

colors: {
  'brand-1': '#dea8be',
  'brand-2': '#89c4be',
  'brand-3': '#a7ddc8',
  'brand-4': '#efd6c7',
  'brand-5': '#f2cbc0',
}

RGB Array

[222, 168, 190], [137, 196, 190], [167, 221, 200], [239, 214, 199], [242, 203, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEA8BE, #89C4BE, #A7DDC8, #EFD6C7, #F2CBC0 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: #dea8be; --color-2: #89c4be; --color-3: #a7ddc8; --color-4: #efd6c7; --color-5: #f2cbc0. 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