← Back to Editor

#CFCAC4 · #BBC5C4 · #A6C0C3 · #A2A9AF · #9D929B

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CFCAC4

Goose Yellow · LightGray · Peach Orange

HEX
#CFCAC4
RGB
rgb(207, 202, 196)
HSL
hsl(33, 10%, 79%)
HSB
hsb(33, 5%, 81%)
CMYK
cmyk(0%, 2%, 5%, 19%)
Oklch
oklch(84.1% 0.010 72.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#BBC5C4

Jade · Silver · Pearl Gray

HEX
#BBC5C4
RGB
rgb(187, 197, 196)
HSL
hsl(174, 8%, 75%)
HSB
hsb(174, 5%, 77%)
CMYK
cmyk(5%, 0%, 1%, 23%)
Oklch
oklch(81.5% 0.011 189.8)

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

#A6C0C3

Sky Blue · Silver · Lake Green

HEX
#A6C0C3
RGB
rgb(166, 192, 195)
HSL
hsl(186, 19%, 71%)
HSB
hsb(186, 15%, 76%)
CMYK
cmyk(15%, 2%, 0%, 24%)
Oklch
oklch(78.9% 0.029 205.1)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#A2A9AF

Sky Blue · DarkGray · Silver Sand

HEX
#A2A9AF
RGB
rgb(162, 169, 175)
HSL
hsl(208, 8%, 66%)
HSB
hsb(208, 7%, 69%)
CMYK
cmyk(7%, 3%, 0%, 31%)
Oklch
oklch(73.1% 0.012 243.7)

Traditional「Sky Blue」· Paint「Silver Sand」· Creative Urban Concrete

#9D929B

Ash · DarkGray · Silver Sand

HEX
#9D929B
RGB
rgb(157, 146, 155)
HSL
hsl(311, 5%, 59%)
HSB
hsb(311, 7%, 62%)
CMYK
cmyk(0%, 7%, 1%, 38%)
Oklch
oklch(67.2% 0.018 331.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CFCAC4
C4C9CF

Analogous

CFC5C4
CFCAC4
CECFC4

Triadic

CFCAC4
C4CFCA
CAC4CF

Split-Comp.

CFCAC4
C4CECF
C5C4CF

Tetradic

CFCAC4
C4CFC5
C4C9CF
CFC4CE

Contrast Matrix WCAG 2.1 Contrast

CFCAC4
BBC5C4
A6C0C3
A2A9AF
9D929B
—
1.1
Fail
1.2
Fail
1.5
Fail
1.8
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.7
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
1.8
Fail
1.7
Fail
1.6
Fail
1.3
Fail
—
White BG
1.6Fail
1.8Fail
1.9Fail
2.4Fail
3.0Fail
Black BG
12.9AAA
11.9AAA
10.9AAA
8.8AAA
7.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDC5
BFBFC4
B1B1C2
A5A5AE
989899

Deuteranopia

CDCDC6
BFBEC4
B0AEC2
A5A4AD
999A98

Tritanopia

CFC7C7
BCC4C4
A7C2C2
A2ACAC
9C9797

Achromatopsia

CBCBCB
C2C2C2
B9B9B9
A8A8A8
969696

Shades & Tints Shades & Tints

#CFCAC4

Dark
Light

#BBC5C4

Dark
Light

#A6C0C3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cfcac4;
  --color-2: #bbc5c4;
  --color-3: #a6c0c3;
  --color-4: #a2a9af;
  --color-5: #9d929b;
}

SCSS

$color-1: #cfcac4;
$color-2: #bbc5c4;
$color-3: #a6c0c3;
$color-4: #a2a9af;
$color-5: #9d929b;

TAILWIND

colors: {
  'brand-1': '#cfcac4',
  'brand-2': '#bbc5c4',
  'brand-3': '#a6c0c3',
  'brand-4': '#a2a9af',
  'brand-5': '#9d929b',
}

RGB Array

[207, 202, 196], [187, 197, 196], [166, 192, 195], [162, 169, 175], [157, 146, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #CFCAC4, #BBC5C4, #A6C0C3, #A2A9AF, #9D929B 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: #cfcac4; --color-2: #bbc5c4; --color-3: #a6c0c3; --color-4: #a2a9af; --color-5: #9d929b. 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