← Back to Editor

#DEBE8B · #9DAE8B · #72C0A5 · #ACD6BB · #EDEDED

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DEBE8B

Goose Yellow · BurlyWood · Warm Sun

HEX
#DEBE8B
RGB
rgb(222, 190, 139)
HSL
hsl(37, 56%, 71%)
HSB
hsb(37, 37%, 87%)
CMYK
cmyk(0%, 14%, 37%, 13%)
Oklch
oklch(81.7% 0.076 79.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#9DAE8B

Willow Green · DarkSeaGreen · Apple Green

HEX
#9DAE8B
RGB
rgb(157, 174, 139)
HSL
hsl(89, 18%, 61%)
HSB
hsb(89, 20%, 68%)
CMYK
cmyk(10%, 0%, 20%, 32%)
Oklch
oklch(72.8% 0.053 128.8)

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

#72C0A5

Mineral Blue · MediumAquaMarine · Olive Green

HEX
#72C0A5
RGB
rgb(114, 192, 165)
HSL
hsl(159, 38%, 60%)
HSB
hsb(159, 41%, 75%)
CMYK
cmyk(41%, 0%, 14%, 25%)
Oklch
oklch(75.0% 0.087 169.7)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#ACD6BB

Celadon · Silver · Apple Green

HEX
#ACD6BB
RGB
rgb(172, 214, 187)
HSL
hsl(141, 34%, 76%)
HSB
hsb(141, 20%, 84%)
CMYK
cmyk(20%, 0%, 13%, 16%)
Oklch
oklch(83.9% 0.058 156.7)

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

#EDEDED

Plain White · Linen · Cloud White

HEX
#EDEDED
RGB
rgb(237, 237, 237)
HSL
hsl(0, 0%, 93%)
HSB
hsb(0, 0%, 93%)
CMYK
cmyk(0%, 0%, 0%, 7%)
Oklch
oklch(94.6% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEBE8B
8CABDE

Analogous

DE958C
DEBE8B
D5DE8C

Triadic

DEBE8B
8CDEBF
BF8CDE

Split-Comp.

DEBE8B
8CD5DE
958CDE

Tetradic

DEBE8B
8CDE95
8CABDE
DE8CD5

Contrast Matrix WCAG 2.1 Contrast

DEBE8B
9DAE8B
72C0A5
ACD6BB
EDEDED
—
1.3
Fail
1.2
Fail
1.1
Fail
1.5
Fail
1.3
Fail
—
1.1
Fail
1.5
Fail
2.0
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
1.8
Fail
1.1
Fail
1.5
Fail
1.3
Fail
—
1.4
Fail
1.5
Fail
2.0
Fail
1.8
Fail
1.4
Fail
—
White BG
1.8Fail
2.4Fail
2.1Fail
1.6Fail
1.2Fail
Black BG
11.8AAA
8.9AAA
9.8AAA
13.1AAA
17.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D097
A4A593
9494AC
BEBFC2
EDEDED

Deuteranopia

D2D49A
A3A296
8F89AD
BCB9C3
EDEDED

Tritanopia

DCA1A3
9E9A9C
76B1B2
AEC7C8
EDEDED

Achromatopsia

C2C2C2
A5A5A5
A6A6A6
C6C6C6
EDEDED

Shades & Tints Shades & Tints

#DEBE8B

Dark
Light

#9DAE8B

Dark
Light

#72C0A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #debe8b;
  --color-2: #9dae8b;
  --color-3: #72c0a5;
  --color-4: #acd6bb;
  --color-5: #ededed;
}

SCSS

$color-1: #debe8b;
$color-2: #9dae8b;
$color-3: #72c0a5;
$color-4: #acd6bb;
$color-5: #ededed;

TAILWIND

colors: {
  'brand-1': '#debe8b',
  'brand-2': '#9dae8b',
  'brand-3': '#72c0a5',
  'brand-4': '#acd6bb',
  'brand-5': '#ededed',
}

RGB Array

[222, 190, 139], [157, 174, 139], [114, 192, 165], [172, 214, 187], [237, 237, 237]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEBE8B, #9DAE8B, #72C0A5, #ACD6BB, #EDEDED is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #debe8b; --color-2: #9dae8b; --color-3: #72c0a5; --color-4: #acd6bb; --color-5: #ededed. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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