← Back to Editor

#D7EDE5 · #C1DBC5 · #A6A388 · #966B6B · #452043

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#D7EDE5

Jade · Lavender · Mint Green

HEX
#D7EDE5
RGB
rgb(215, 237, 229)
HSL
hsl(158, 38%, 89%)
HSB
hsb(158, 9%, 93%)
CMYK
cmyk(9%, 0%, 3%, 7%)
Oklch
oklch(92.8% 0.026 171.9)

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

#C1DBC5

Celadon · LightGray · Mint Green

HEX
#C1DBC5
RGB
rgb(193, 219, 197)
HSL
hsl(129, 27%, 81%)
HSB
hsb(129, 12%, 86%)
CMYK
cmyk(12%, 0%, 10%, 14%)
Oklch
oklch(86.6% 0.041 149.7)

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

#A6A388

Autumn Sage · DarkGray · Sunflower

HEX
#A6A388
RGB
rgb(166, 163, 136)
HSL
hsl(54, 14%, 59%)
HSB
hsb(54, 18%, 65%)
CMYK
cmyk(0%, 2%, 18%, 35%)
Oklch
oklch(71.1% 0.038 102.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#966B6B

Crimson · Gray · Passion Red

HEX
#966B6B
RGB
rgb(150, 107, 107)
HSL
hsl(0, 17%, 50%)
HSB
hsb(0, 29%, 59%)
CMYK
cmyk(0%, 29%, 29%, 41%)
Oklch
oklch(57.2% 0.055 18.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#452043

Rose Purple · DarkSlateGray · Dark Purple

HEX
#452043
RGB
rgb(69, 32, 67)
HSL
hsl(303, 37%, 20%)
HSB
hsb(303, 54%, 27%)
CMYK
cmyk(0%, 54%, 3%, 73%)
Oklch
oklch(31.0% 0.077 329.3)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7EDE5
EED8E0

Analogous

D8EEDB
D7EDE5
D8EBEE

Triadic

D7EDE5
E6D8EE
EEE6D8

Split-Comp.

D7EDE5
EED8EB
EEDBD8

Tetradic

D7EDE5
DBD8EE
EED8E0
EBEED8

Contrast Matrix WCAG 2.1 Contrast

D7EDE5
C1DBC5
A6A388
966B6B
452043
—
1.2
Fail
2.1
Fail
3.7
AA Large
11.1
AAA
1.2
Fail
—
1.7
Fail
3.1
AA Large
9.2
AAA
2.1
Fail
1.7
Fail
—
1.8
Fail
5.3
AA
3.7
AA Large
3.1
AA Large
1.8
Fail
—
3.0
Fail
11.1
AAA
9.2
AAA
5.3
AA
3.0
Fail
—
White BG
1.2Fail
1.5Fail
2.6Fail
4.6AA
13.6AAA
Black BG
17.1AAA
14.2AAA
8.2AAA
4.6AA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1E7
CCCCCA
A5A58F
83836B
35353B

Deuteranopia

DFDEE7
CBC9CC
A5A590
86896B
373A39

Tritanopia

D8E8E9
C2CFCF
A69495
946B6B
433432

Achromatopsia

E6E6E6
D1D1D1
A1A1A1
787878
2F2F2F

Shades & Tints Shades & Tints

#D7EDE5

Dark
Light

#C1DBC5

Dark
Light

#A6A388

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7ede5;
  --color-2: #c1dbc5;
  --color-3: #a6a388;
  --color-4: #966b6b;
  --color-5: #452043;
}

SCSS

$color-1: #d7ede5;
$color-2: #c1dbc5;
$color-3: #a6a388;
$color-4: #966b6b;
$color-5: #452043;

TAILWIND

colors: {
  'brand-1': '#d7ede5',
  'brand-2': '#c1dbc5',
  'brand-3': '#a6a388',
  'brand-4': '#966b6b',
  'brand-5': '#452043',
}

RGB Array

[215, 237, 229], [193, 219, 197], [166, 163, 136], [150, 107, 107], [69, 32, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D7EDE5, #C1DBC5, #A6A388, #966B6B, #452043 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: #d7ede5; --color-2: #c1dbc5; --color-3: #a6a388; --color-4: #966b6b; --color-5: #452043. 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