← Back to Editor

#999D8E · #CDD6C3 · #E4EFDE · #BE898F · #C46472

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#999D8E

Ash · DarkSeaGreen · Silver Sand

HEX
#999D8E
RGB
rgb(153, 157, 142)
HSL
hsl(76, 7%, 59%)
HSB
hsb(76, 10%, 62%)
CMYK
cmyk(3%, 0%, 10%, 38%)
Oklch
oklch(68.8% 0.022 119.1)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#CDD6C3

Willow Green · LightGray · Apple Green

HEX
#CDD6C3
RGB
rgb(205, 214, 195)
HSL
hsl(88, 19%, 80%)
HSB
hsb(88, 9%, 84%)
CMYK
cmyk(4%, 0%, 9%, 16%)
Oklch
oklch(86.4% 0.028 127.8)

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

#E4EFDE

Celadon · Beige · Mint Green

HEX
#E4EFDE
RGB
rgb(228, 239, 222)
HSL
hsl(99, 35%, 90%)
HSB
hsb(99, 7%, 94%)
CMYK
cmyk(5%, 0%, 7%, 6%)
Oklch
oklch(93.9% 0.025 134.3)

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

#BE898F

Peach Pink · DarkGray · Coral Red

HEX
#BE898F
RGB
rgb(190, 137, 143)
HSL
hsl(353, 29%, 64%)
HSB
hsb(353, 28%, 75%)
CMYK
cmyk(0%, 28%, 25%, 25%)
Oklch
oklch(68.4% 0.065 11.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C46472

Crimson · LightCoral · Passion Red

HEX
#C46472
RGB
rgb(196, 100, 114)
HSL
hsl(351, 45%, 58%)
HSB
hsb(351, 49%, 77%)
CMYK
cmyk(0%, 49%, 42%, 23%)
Oklch
oklch(62.0% 0.123 12.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

999D8E
938F9E

Analogous

9E9A8F
999D8E
939E8F

Triadic

999D8E
8F9A9E
9E8F9A

Split-Comp.

999D8E
8F939E
9A8F9E

Tetradic

999D8E
8F9E9A
938F9E
9E8F93

Contrast Matrix WCAG 2.1 Contrast

999D8E
CDD6C3
E4EFDE
BE898F
C46472
—
1.9
Fail
2.3
Fail
1.1
Fail
1.4
Fail
1.9
Fail
—
1.3
Fail
2.0
Fail
2.6
Fail
2.3
Fail
1.3
Fail
—
2.5
Fail
3.3
AA Large
1.1
Fail
2.0
Fail
2.5
Fail
—
1.3
Fail
1.4
Fail
2.6
Fail
3.3
AA Large
1.3
Fail
—
White BG
2.8Fail
1.5Fail
1.2Fail
2.9Fail
3.9AA Large
Black BG
7.6AAA
14.0AAA
17.7AAA
7.2AAA
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9B92
D1D1C8
E9E9E2
A7A78E
9A9A6F

Deuteranopia

9B9A93
D0D0C9
E8E7E3
AAAE8D
A0A76E

Tritanopia

999495
CDCBCC
E5E5E6
BB8C8C
BF6C6B

Achromatopsia

9A9A9A
D1D1D1
EAEAEA
9A9A9A
828282

Shades & Tints Shades & Tints

#999D8E

Dark
Light

#CDD6C3

Dark
Light

#E4EFDE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #999d8e;
  --color-2: #cdd6c3;
  --color-3: #e4efde;
  --color-4: #be898f;
  --color-5: #c46472;
}

SCSS

$color-1: #999d8e;
$color-2: #cdd6c3;
$color-3: #e4efde;
$color-4: #be898f;
$color-5: #c46472;

TAILWIND

colors: {
  'brand-1': '#999d8e',
  'brand-2': '#cdd6c3',
  'brand-3': '#e4efde',
  'brand-4': '#be898f',
  'brand-5': '#c46472',
}

RGB Array

[153, 157, 142], [205, 214, 195], [228, 239, 222], [190, 137, 143], [196, 100, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #999D8E, #CDD6C3, #E4EFDE, #BE898F, #C46472 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: #999d8e; --color-2: #cdd6c3; --color-3: #e4efde; --color-4: #be898f; --color-5: #c46472. 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