← Back to Editor

#9C999F · #AABFCC · #B9D2DD · #C8E4ED · #EAE7DF

warm

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

#9C999F

Ash · DarkGray · Silver Sand

HEX
#9C999F
RGB
rgb(156, 153, 159)
HSL
hsl(270, 3%, 61%)
HSB
hsb(270, 4%, 62%)
CMYK
cmyk(2%, 4%, 0%, 38%)
Oklch
oklch(68.7% 0.009 308.3)

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

#AABFCC

Sky Blue · LightSteelBlue · Cobalt Blue

HEX
#AABFCC
RGB
rgb(170, 191, 204)
HSL
hsl(203, 25%, 73%)
HSB
hsb(203, 17%, 80%)
CMYK
cmyk(17%, 6%, 0%, 20%)
Oklch
oklch(79.3% 0.030 235.0)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#B9D2DD

Sky Blue · LightBlue · Glacier Blue

HEX
#B9D2DD
RGB
rgb(185, 210, 221)
HSL
hsl(198, 35%, 80%)
HSB
hsb(198, 16%, 87%)
CMYK
cmyk(16%, 5%, 0%, 13%)
Oklch
oklch(84.9% 0.031 226.1)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#C8E4ED

Sky Blue · LightBlue · Glacier Blue

HEX
#C8E4ED
RGB
rgb(200, 228, 237)
HSL
hsl(195, 51%, 86%)
HSB
hsb(195, 16%, 93%)
CMYK
cmyk(16%, 4%, 0%, 7%)
Oklch
oklch(90.1% 0.032 219.1)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#EAE7DF

Goose Yellow · Beige · Lemon Cream

HEX
#EAE7DF
RGB
rgb(234, 231, 223)
HSL
hsl(44, 21%, 90%)
HSB
hsb(44, 5%, 92%)
CMYK
cmyk(0%, 1%, 5%, 8%)
Oklch
oklch(92.8% 0.011 89.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9C999F
9C9F99

Analogous

99999F
9C999F
9F999F

Triadic

9C999F
9F9C99
999F9C

Split-Comp.

9C999F
9F9F99
999F99

Tetradic

9C999F
9F9999
9C9F99
999F9F

Contrast Matrix WCAG 2.1 Contrast

9C999F
AABFCC
B9D2DD
C8E4ED
EAE7DF
—
1.5
Fail
1.8
Fail
2.1
Fail
2.3
Fail
1.5
Fail
—
1.2
Fail
1.4
Fail
1.5
Fail
1.8
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
2.1
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
2.3
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
White BG
2.8Fail
1.9Fail
1.6Fail
1.3Fail
1.2Fail
Black BG
7.5AAA
11.0AAA
13.3AAA
15.8AAA
17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9B9E
B3B3C9
C4C4DA
D4D4EB
E9E9E1

Deuteranopia

9B9B9D
B2B0C8
C2C1DA
D3D0EA
E9E9E1

Tritanopia

9C9C9C
ABC6C6
BAD8D8
C9E9E9
EAE2E3

Achromatopsia

9B9B9B
BABABA
CCCCCC
DDDDDD
E7E7E7

Shades & Tints Shades & Tints

#9C999F

Dark
Light

#AABFCC

Dark
Light

#B9D2DD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9c999f;
  --color-2: #aabfcc;
  --color-3: #b9d2dd;
  --color-4: #c8e4ed;
  --color-5: #eae7df;
}

SCSS

$color-1: #9c999f;
$color-2: #aabfcc;
$color-3: #b9d2dd;
$color-4: #c8e4ed;
$color-5: #eae7df;

TAILWIND

colors: {
  'brand-1': '#9c999f',
  'brand-2': '#aabfcc',
  'brand-3': '#b9d2dd',
  'brand-4': '#c8e4ed',
  'brand-5': '#eae7df',
}

RGB Array

[156, 153, 159], [170, 191, 204], [185, 210, 221], [200, 228, 237], [234, 231, 223]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #9C999F, #AABFCC, #B9D2DD, #C8E4ED, #EAE7DF 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: #9c999f; --color-2: #aabfcc; --color-3: #b9d2dd; --color-4: #c8e4ed; --color-5: #eae7df. 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 warm-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