← Back to Editor

#918D8E · #C491A4 · #E2A4A7 · #CFD1B6 · #D7E6CA

cool

A 5-color cool 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

#918D8E

Ash · Gray · Silver Sand

HEX
#918D8E
RGB
rgb(145, 141, 142)
HSL
hsl(345, 2%, 56%)
HSB
hsb(345, 3%, 57%)
CMYK
cmyk(0%, 3%, 2%, 43%)
Oklch
oklch(64.7% 0.005 0.1)

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

#C491A4

Rouge · DarkGray · Rose Pink

HEX
#C491A4
RGB
rgb(196, 145, 164)
HSL
hsl(338, 30%, 67%)
HSB
hsb(338, 26%, 77%)
CMYK
cmyk(0%, 26%, 16%, 23%)
Oklch
oklch(71.1% 0.066 354.8)

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

#E2A4A7

Peach Pink · Tan · Coral Red

HEX
#E2A4A7
RGB
rgb(226, 164, 167)
HSL
hsl(357, 52%, 76%)
HSB
hsb(357, 27%, 89%)
CMYK
cmyk(0%, 27%, 26%, 11%)
Oklch
oklch(77.8% 0.074 15.7)

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

#CFD1B6

Fresh Green · Silver · Lemon Cream

HEX
#CFD1B6
RGB
rgb(207, 209, 182)
HSL
hsl(64, 23%, 77%)
HSB
hsb(64, 13%, 82%)
CMYK
cmyk(1%, 0%, 13%, 18%)
Oklch
oklch(85.2% 0.036 110.6)

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

#D7E6CA

Celadon · LightGray · Mint Green

HEX
#D7E6CA
RGB
rgb(215, 230, 202)
HSL
hsl(92, 36%, 85%)
HSB
hsb(92, 12%, 90%)
CMYK
cmyk(7%, 0%, 12%, 10%)
Oklch
oklch(90.6% 0.041 130.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

918D8E
8D9190

Analogous

918D90
918D8E
918E8D

Triadic

918D8E
8E918D
8D8E91

Split-Comp.

918D8E
8D918E
8D9091

Tetradic

918D8E
90918D
8D9190
8E8D91

Contrast Matrix WCAG 2.1 Contrast

918D8E
C491A4
E2A4A7
CFD1B6
D7E6CA
—
1.2
Fail
1.6
Fail
2.1
Fail
2.5
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
2.1
Fail
1.7
Fail
1.3
Fail
—
1.2
Fail
2.5
Fail
2.0
Fail
1.6
Fail
1.2
Fail
—
White BG
3.3AA Large
2.6Fail
2.1Fail
1.6Fail
1.3Fail
Black BG
6.4AA
7.9AAA
10.1AAA
13.4AAA
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8F8E
AEAD9F
C7C7A6
D0D0BD
DDDED1

Deuteranopia

90908E
B1B59E
CBCFA6
D0D0BE
DDDCD2

Tritanopia

918E8E
C19C9B
DFA6A6
CFC2C3
D8D6D7

Achromatopsia

8E8E8E
A2A2A2
B7B7B7
CDCDCD
DEDEDE

Shades & Tints Shades & Tints

#918D8E

Dark
Light

#C491A4

Dark
Light

#E2A4A7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #918d8e;
  --color-2: #c491a4;
  --color-3: #e2a4a7;
  --color-4: #cfd1b6;
  --color-5: #d7e6ca;
}

SCSS

$color-1: #918d8e;
$color-2: #c491a4;
$color-3: #e2a4a7;
$color-4: #cfd1b6;
$color-5: #d7e6ca;

TAILWIND

colors: {
  'brand-1': '#918d8e',
  'brand-2': '#c491a4',
  'brand-3': '#e2a4a7',
  'brand-4': '#cfd1b6',
  'brand-5': '#d7e6ca',
}

RGB Array

[145, 141, 142], [196, 145, 164], [226, 164, 167], [207, 209, 182], [215, 230, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #918D8E, #C491A4, #E2A4A7, #CFD1B6, #D7E6CA 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: #918d8e; --color-2: #c491a4; --color-3: #e2a4a7; --color-4: #cfd1b6; --color-5: #d7e6ca. 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 cool-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