← Back to Editor

#DAD8BE · #AABFBD · #8CADBC · #C4DAD8 · #DDE8D7

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

#DAD8BE

Fresh Green · LightGray · Lemon Cream

HEX
#DAD8BE
RGB
rgb(218, 216, 190)
HSL
hsl(56, 27%, 80%)
HSB
hsb(56, 13%, 85%)
CMYK
cmyk(0%, 1%, 13%, 15%)
Oklch
oklch(87.7% 0.035 103.5)

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

#AABFBD

Jade · Silver · Lake Green

HEX
#AABFBD
RGB
rgb(170, 191, 189)
HSL
hsl(174, 14%, 71%)
HSB
hsb(174, 11%, 75%)
CMYK
cmyk(11%, 0%, 1%, 25%)
Oklch
oklch(78.8% 0.023 189.7)

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

#8CADBC

Sky Blue · DarkGray · Lake Green

HEX
#8CADBC
RGB
rgb(140, 173, 188)
HSL
hsl(199, 26%, 64%)
HSB
hsb(199, 26%, 74%)
CMYK
cmyk(26%, 8%, 0%, 26%)
Oklch
oklch(72.8% 0.042 227.3)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#C4DAD8

Jade · LightGray · Glacier Blue

HEX
#C4DAD8
RGB
rgb(196, 218, 216)
HSL
hsl(175, 23%, 81%)
HSB
hsb(175, 10%, 85%)
CMYK
cmyk(10%, 0%, 1%, 15%)
Oklch
oklch(87.1% 0.024 190.1)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#DDE8D7

Celadon · LightGray · Mint Green

HEX
#DDE8D7
RGB
rgb(221, 232, 215)
HSL
hsl(99, 27%, 88%)
HSB
hsb(99, 7%, 91%)
CMYK
cmyk(5%, 0%, 7%, 9%)
Oklch
oklch(91.8% 0.026 134.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAD8BE
BEC0DA

Analogous

DACABE
DAD8BE
CEDABE

Triadic

DAD8BE
BEDAD8
D8BEDA

Split-Comp.

DAD8BE
BECEDA
CABEDA

Tetradic

DAD8BE
BEDACA
BEC0DA
DABECE

Contrast Matrix WCAG 2.1 Contrast

DAD8BE
AABFBD
8CADBC
C4DAD8
DDE8D7
—
1.3
Fail
1.6
Fail
1.0
Fail
1.1
Fail
1.3
Fail
—
1.2
Fail
1.3
Fail
1.5
Fail
1.6
Fail
1.2
Fail
—
1.6
Fail
1.9
Fail
1.0
Fail
1.3
Fail
1.6
Fail
—
1.2
Fail
1.1
Fail
1.5
Fail
1.9
Fail
1.2
Fail
—
White BG
1.4Fail
1.9Fail
2.4Fail
1.5Fail
1.3Fail
Black BG
14.5AAA
10.9AAA
8.8AAA
14.4AAA
16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9C4
B3B3BD
9A9BB8
CECED8
E2E2DB

Deuteranopia

D9D9C6
B2B0BE
9896B8
CCCBD9
E1E0DC

Tritanopia

DAC9CA
ABBEBE
8EB6B5
C5D9D9
DEDEDF

Achromatopsia

D6D6D6
B8B8B8
A5A5A5
D3D3D3
E3E3E3

Shades & Tints Shades & Tints

#DAD8BE

Dark
Light

#AABFBD

Dark
Light

#8CADBC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dad8be;
  --color-2: #aabfbd;
  --color-3: #8cadbc;
  --color-4: #c4dad8;
  --color-5: #dde8d7;
}

SCSS

$color-1: #dad8be;
$color-2: #aabfbd;
$color-3: #8cadbc;
$color-4: #c4dad8;
$color-5: #dde8d7;

TAILWIND

colors: {
  'brand-1': '#dad8be',
  'brand-2': '#aabfbd',
  'brand-3': '#8cadbc',
  'brand-4': '#c4dad8',
  'brand-5': '#dde8d7',
}

RGB Array

[218, 216, 190], [170, 191, 189], [140, 173, 188], [196, 218, 216], [221, 232, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAD8BE, #AABFBD, #8CADBC, #C4DAD8, #DDE8D7 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: #dad8be; --color-2: #aabfbd; --color-3: #8cadbc; --color-4: #c4dad8; --color-5: #dde8d7. 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