← Back to Editor

#DDDEBD · #C3CFBA · #A6BABF · #88869E · #76617D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DDDEBD

Fresh Green · Wheat · Lemon Cream

HEX
#DDDEBD
RGB
rgb(221, 222, 189)
HSL
hsl(62, 33%, 81%)
HSB
hsb(62, 15%, 87%)
CMYK
cmyk(0%, 0%, 15%, 13%)
Oklch
oklch(89.1% 0.044 108.7)

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

#C3CFBA

Celadon · Silver · Apple Green

HEX
#C3CFBA
RGB
rgb(195, 207, 186)
HSL
hsl(94, 18%, 77%)
HSB
hsb(94, 10%, 81%)
CMYK
cmyk(6%, 0%, 10%, 19%)
Oklch
oklch(83.9% 0.031 131.6)

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

#A6BABF

Sky Blue · Silver · Lake Green

HEX
#A6BABF
RGB
rgb(166, 186, 191)
HSL
hsl(192, 16%, 70%)
HSB
hsb(192, 13%, 75%)
CMYK
cmyk(13%, 3%, 0%, 25%)
Oklch
oklch(77.5% 0.023 214.4)

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

#88869E

Deep Indigo · LightSlateGray · Navy Blue

HEX
#88869E
RGB
rgb(136, 134, 158)
HSL
hsl(245, 11%, 57%)
HSB
hsb(245, 15%, 62%)
CMYK
cmyk(14%, 15%, 0%, 38%)
Oklch
oklch(63.0% 0.036 289.2)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#76617D

Dark Plum · DimGray · Violet

HEX
#76617D
RGB
rgb(118, 97, 125)
HSL
hsl(285, 13%, 44%)
HSB
hsb(285, 22%, 49%)
CMYK
cmyk(6%, 22%, 0%, 51%)
Oklch
oklch(52.3% 0.050 317.6)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDDEBD
C0BFDF

Analogous

DFD0BF
DDDEBD
CDDFBF

Triadic

DDDEBD
BFDDDF
DFBFDD

Split-Comp.

DDDEBD
BFCDDF
D0BFDF

Tetradic

DDDEBD
BFDFD0
C0BFDF
DFBFCD

Contrast Matrix WCAG 2.1 Contrast

DDDEBD
C3CFBA
A6BABF
88869E
76617D
—
1.2
Fail
1.5
Fail
2.6
Fail
4.0
AA Large
1.2
Fail
—
1.2
Fail
2.2
Fail
3.4
AA Large
1.5
Fail
1.2
Fail
—
1.7
Fail
2.8
Fail
2.6
Fail
2.2
Fail
1.7
Fail
—
1.6
Fail
4.0
AA Large
3.4
AA Large
2.8
Fail
1.6
Fail
—
White BG
1.4Fail
1.6Fail
2.0Fail
3.5AA Large
5.6AA
Black BG
15.3AAA
13.0AAA
10.4AAA
6.0AA
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDDC5
C8C8BF
AFAFBE
878798
6D6D76

Deuteranopia

DDDDC7
C8C7C0
AEACBE
878797
6E7075

Tritanopia

DDCBCD
C4C3C4
A7BDBD
889493
757170

Achromatopsia

DADADA
C9C9C9
B5B5B5
898989
6A6A6A

Shades & Tints Shades & Tints

#DDDEBD

Dark
Light

#C3CFBA

Dark
Light

#A6BABF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dddebd;
  --color-2: #c3cfba;
  --color-3: #a6babf;
  --color-4: #88869e;
  --color-5: #76617d;
}

SCSS

$color-1: #dddebd;
$color-2: #c3cfba;
$color-3: #a6babf;
$color-4: #88869e;
$color-5: #76617d;

TAILWIND

colors: {
  'brand-1': '#dddebd',
  'brand-2': '#c3cfba',
  'brand-3': '#a6babf',
  'brand-4': '#88869e',
  'brand-5': '#76617d',
}

RGB Array

[221, 222, 189], [195, 207, 186], [166, 186, 191], [136, 134, 158], [118, 97, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DDDEBD, #C3CFBA, #A6BABF, #88869E, #76617D 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: #dddebd; --color-2: #c3cfba; --color-3: #a6babf; --color-4: #88869e; --color-5: #76617d. 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