← Back to Editor

#DADED7 · #C4E0A6 · #C8BFAB · #CB9FB1 · #362B30

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#DADED7

Celadon · LightGray · Mint Green

HEX
#DADED7
RGB
rgb(218, 222, 215)
HSL
hsl(94, 10%, 86%)
HSB
hsb(94, 3%, 87%)
CMYK
cmyk(2%, 0%, 3%, 13%)
Oklch
oklch(89.6% 0.010 131.4)

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

#C4E0A6

Willow Green · Silver · Apple Green

HEX
#C4E0A6
RGB
rgb(196, 224, 166)
HSL
hsl(89, 48%, 76%)
HSB
hsb(89, 26%, 88%)
CMYK
cmyk(12%, 0%, 26%, 12%)
Oklch
oklch(87.2% 0.083 128.9)

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

#C8BFAB

Goose Yellow · Silver · Sunflower

HEX
#C8BFAB
RGB
rgb(200, 191, 171)
HSL
hsl(41, 21%, 73%)
HSB
hsb(41, 15%, 78%)
CMYK
cmyk(0%, 4%, 15%, 22%)
Oklch
oklch(80.7% 0.029 86.7)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#CB9FB1

Rouge · DarkGray · Rose Pink

HEX
#CB9FB1
RGB
rgb(203, 159, 177)
HSL
hsl(335, 30%, 71%)
HSB
hsb(335, 22%, 80%)
CMYK
cmyk(0%, 22%, 13%, 20%)
Oklch
oklch(74.8% 0.057 352.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#362B30

Dark Violet · DarkSlateGray · Raspberry

HEX
#362B30
RGB
rgb(54, 43, 48)
HSL
hsl(333, 11%, 19%)
HSB
hsb(333, 20%, 21%)
CMYK
cmyk(0%, 20%, 11%, 79%)
Oklch
oklch(30.3% 0.018 349.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DADED7
DCD8DF

Analogous

DEDFD8
DADED7
D8DFD8

Triadic

DADED7
D8DBDF
DFD8DB

Split-Comp.

DADED7
D8D8DF
DFD8DE

Tetradic

DADED7
D8DEDF
DCD8DF
DFD8D8

Contrast Matrix WCAG 2.1 Contrast

DADED7
C4E0A6
C8BFAB
CB9FB1
362B30
—
1.1
Fail
1.3
Fail
1.7
Fail
10.0
AAA
1.1
Fail
—
1.3
Fail
1.6
Fail
9.4
AAA
1.3
Fail
1.3
Fail
—
1.3
Fail
7.4
AAA
1.7
Fail
1.6
Fail
1.3
Fail
—
5.9
AA
10.0
AAA
9.4
AAA
7.4
AAA
5.9
AA
—
White BG
1.4Fail
1.4Fail
1.8Fail
2.3Fail
13.6AAA
Black BG
15.4AAA
14.6AAA
11.5AAA
9.1AAA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCD9
D0D0B4
C4C4B0
B8B8AD
31312F

Deuteranopia

DCDBD9
CFCCB7
C5C5B1
BBBEAC
32332E

Tritanopia

DADADA
C5BFC2
C8B4B5
C9A9A8
352E2E

Achromatopsia

DCDCDC
D1D1D1
BFBFBF
AEAEAE
2F2F2F

Shades & Tints Shades & Tints

#DADED7

Dark
Light

#C4E0A6

Dark
Light

#C8BFAB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #daded7;
  --color-2: #c4e0a6;
  --color-3: #c8bfab;
  --color-4: #cb9fb1;
  --color-5: #362b30;
}

SCSS

$color-1: #daded7;
$color-2: #c4e0a6;
$color-3: #c8bfab;
$color-4: #cb9fb1;
$color-5: #362b30;

TAILWIND

colors: {
  'brand-1': '#daded7',
  'brand-2': '#c4e0a6',
  'brand-3': '#c8bfab',
  'brand-4': '#cb9fb1',
  'brand-5': '#362b30',
}

RGB Array

[218, 222, 215], [196, 224, 166], [200, 191, 171], [203, 159, 177], [54, 43, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DADED7, #C4E0A6, #C8BFAB, #CB9FB1, #362B30 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #daded7; --color-2: #c4e0a6; --color-3: #c8bfab; --color-4: #cb9fb1; --color-5: #362b30. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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. 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