← Back to Editor

#C9A7A5 · #9E7E7E · #A494A6 · #AAB1BF · #B3DBE6

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

#C9A7A5

Peach Pink · Tan · Coral Red

HEX
#C9A7A5
RGB
rgb(201, 167, 165)
HSL
hsl(3, 25%, 72%)
HSB
hsb(3, 18%, 79%)
CMYK
cmyk(0%, 17%, 18%, 21%)
Oklch
oklch(75.8% 0.040 22.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#9E7E7E

Crimson · Gray · Passion Red

HEX
#9E7E7E
RGB
rgb(158, 126, 126)
HSL
hsl(0, 14%, 56%)
HSB
hsb(0, 20%, 62%)
CMYK
cmyk(0%, 20%, 20%, 38%)
Oklch
oklch(62.4% 0.040 18.3)

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

#A494A6

Lilac · DarkGray · Silver Sand

HEX
#A494A6
RGB
rgb(164, 148, 166)
HSL
hsl(293, 9%, 62%)
HSB
hsb(293, 11%, 65%)
CMYK
cmyk(1%, 11%, 0%, 35%)
Oklch
oklch(68.6% 0.032 322.4)

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

#AAB1BF

Azure · DarkGray · Cobalt Blue

HEX
#AAB1BF
RGB
rgb(170, 177, 191)
HSL
hsl(220, 14%, 71%)
HSB
hsb(220, 11%, 75%)
CMYK
cmyk(11%, 7%, 0%, 25%)
Oklch
oklch(75.9% 0.022 264.4)

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

#B3DBE6

Sky Blue · LightBlue · Glacier Blue

HEX
#B3DBE6
RGB
rgb(179, 219, 230)
HSL
hsl(193, 50%, 80%)
HSB
hsb(193, 22%, 90%)
CMYK
cmyk(22%, 5%, 0%, 10%)
Oklch
oklch(86.6% 0.045 216.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9A7A5
A6C8C9

Analogous

C9A6B6
C9A7A5
C9B9A6

Triadic

C9A7A5
A6C9A8
A8A6C9

Split-Comp.

C9A7A5
A6C9B9
A6B6C9

Tetradic

C9A7A5
B6C9A6
A6C8C9
B9A6C9

Contrast Matrix WCAG 2.1 Contrast

C9A7A5
9E7E7E
A494A6
AAB1BF
B3DBE6
—
1.7
Fail
1.3
Fail
1.0
Fail
1.5
Fail
1.7
Fail
—
1.3
Fail
1.7
Fail
2.5
Fail
1.3
Fail
1.3
Fail
—
1.3
Fail
1.9
Fail
1.0
Fail
1.7
Fail
1.3
Fail
—
1.5
Fail
1.5
Fail
2.5
Fail
1.9
Fail
1.5
Fail
—
White BG
2.2Fail
3.7AA Large
2.9Fail
2.2Fail
1.5Fail
Black BG
9.6AAA
5.7AA
7.4AAA
9.8AAA
14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABAA5
90907E
9D9DA2
ADADBC
C4C5E3

Deuteranopia

BCBFA6
92947E
9E9FA1
ADACBB
C2BFE3

Tritanopia

C7A6A6
9C7E7E
A39E9D
AAB9B8
B5E1E1

Achromatopsia

B1B1B1
888888
9B9B9B
B1B1B1
D0D0D0

Shades & Tints Shades & Tints

#C9A7A5

Dark
Light

#9E7E7E

Dark
Light

#A494A6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9a7a5;
  --color-2: #9e7e7e;
  --color-3: #a494a6;
  --color-4: #aab1bf;
  --color-5: #b3dbe6;
}

SCSS

$color-1: #c9a7a5;
$color-2: #9e7e7e;
$color-3: #a494a6;
$color-4: #aab1bf;
$color-5: #b3dbe6;

TAILWIND

colors: {
  'brand-1': '#c9a7a5',
  'brand-2': '#9e7e7e',
  'brand-3': '#a494a6',
  'brand-4': '#aab1bf',
  'brand-5': '#b3dbe6',
}

RGB Array

[201, 167, 165], [158, 126, 126], [164, 148, 166], [170, 177, 191], [179, 219, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #C9A7A5, #9E7E7E, #A494A6, #AAB1BF, #B3DBE6 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: #c9a7a5; --color-2: #9e7e7e; --color-3: #a494a6; --color-4: #aab1bf; --color-5: #b3dbe6. 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