← Back to Editor

#D6E0D5 · #C9BFC9 · #918791 · #1A5761 · #303738

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#D6E0D5

Celadon · LightGray · Mint Green

HEX
#D6E0D5
RGB
rgb(214, 224, 213)
HSL
hsl(115, 15%, 86%)
HSB
hsb(115, 5%, 88%)
CMYK
cmyk(4%, 0%, 5%, 12%)
Oklch
oklch(89.6% 0.018 142.8)

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

#C9BFC9

Mauve · Silver · Pearl Gray

HEX
#C9BFC9
RGB
rgb(201, 191, 201)
HSL
hsl(300, 8%, 77%)
HSB
hsb(300, 5%, 79%)
CMYK
cmyk(0%, 5%, 0%, 21%)
Oklch
oklch(81.6% 0.018 325.7)

Traditional「Mauve」· Paint「Pearl Gray」· Creative Silver Lining

#918791

Ash · Gray · Warm Gray

HEX
#918791
RGB
rgb(145, 135, 145)
HSL
hsl(300, 4%, 55%)
HSB
hsb(300, 7%, 57%)
CMYK
cmyk(0%, 7%, 0%, 43%)
Oklch
oklch(63.5% 0.019 325.8)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#1A5761

Lake Blue · DarkSlateGray · Peacock Green

HEX
#1A5761
RGB
rgb(26, 87, 97)
HSL
hsl(188, 58%, 24%)
HSB
hsb(188, 73%, 38%)
CMYK
cmyk(73%, 10%, 0%, 62%)
Oklch
oklch(42.3% 0.063 210.5)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#303738

Slate Blue · DarkSlateGray · Dark Stone

HEX
#303738
RGB
rgb(48, 55, 56)
HSL
hsl(187, 8%, 20%)
HSB
hsb(187, 14%, 22%)
CMYK
cmyk(14%, 2%, 0%, 78%)
Oklch
oklch(33.1% 0.010 207.1)

Traditional「Slate Blue」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6E0D5
E0D6E1

Analogous

DCE1D6
D6E0D5
D6E1DA

Triadic

D6E0D5
D6D7E1
E1D6D7

Split-Comp.

D6E0D5
DAD6E1
E1D6DC

Tetradic

D6E0D5
D6DCE1
E0D6E1
E1DAD6

Contrast Matrix WCAG 2.1 Contrast

D6E0D5
C9BFC9
918791
1A5761
303738
—
1.3
Fail
2.5
Fail
6.0
AA
9.0
AAA
1.3
Fail
—
1.9
Fail
4.6
AA
6.8
AA
2.5
Fail
1.9
Fail
—
2.4
Fail
3.5
AA Large
6.0
AA
4.6
AA
2.4
Fail
—
1.5
Fail
9.0
AAA
6.8
AA
3.5
AA Large
1.5
Fail
—
White BG
1.4Fail
1.8Fail
3.5AA Large
8.1AAA
12.1AAA
Black BG
15.5AAA
11.8AAA
6.1AA
2.6Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADAD8
C5C5C7
8D8D8F
34355F
333338

Deuteranopia

DAD9D8
C5C6C6
8D8E8E
312C5E
333238

Tritanopia

D6DADA
C9C5C4
918D8C
1D5D5C
303838

Achromatopsia

DCDCDC
C3C3C3
8B8B8B
464646
353535

Shades & Tints Shades & Tints

#D6E0D5

Dark
Light

#C9BFC9

Dark
Light

#918791

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6e0d5;
  --color-2: #c9bfc9;
  --color-3: #918791;
  --color-4: #1a5761;
  --color-5: #303738;
}

SCSS

$color-1: #d6e0d5;
$color-2: #c9bfc9;
$color-3: #918791;
$color-4: #1a5761;
$color-5: #303738;

TAILWIND

colors: {
  'brand-1': '#d6e0d5',
  'brand-2': '#c9bfc9',
  'brand-3': '#918791',
  'brand-4': '#1a5761',
  'brand-5': '#303738',
}

RGB Array

[214, 224, 213], [201, 191, 201], [145, 135, 145], [26, 87, 97], [48, 55, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6E0D5, #C9BFC9, #918791, #1A5761, #303738 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: #d6e0d5; --color-2: #c9bfc9; --color-3: #918791; --color-4: #1a5761; --color-5: #303738. 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