← Back to Editor

#867979 · #A7919A · #C9A5B0 · #F5DACC · #E1D2CA

warm

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

#867979

Ink Gray · Gray · Warm Gray

HEX
#867979
RGB
rgb(134, 121, 121)
HSL
hsl(0, 5%, 50%)
HSB
hsb(0, 10%, 53%)
CMYK
cmyk(0%, 10%, 10%, 47%)
Oklch
oklch(58.8% 0.016 17.6)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#A7919A

Rouge · DarkGray · Rose Pink

HEX
#A7919A
RGB
rgb(167, 145, 154)
HSL
hsl(335, 11%, 61%)
HSB
hsb(335, 13%, 65%)
CMYK
cmyk(0%, 13%, 8%, 35%)
Oklch
oklch(67.9% 0.029 351.3)

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

#C9A5B0

Rouge · Silver · Rose Pink

HEX
#C9A5B0
RGB
rgb(201, 165, 176)
HSL
hsl(342, 25%, 72%)
HSB
hsb(342, 18%, 79%)
CMYK
cmyk(0%, 18%, 12%, 21%)
Oklch
oklch(75.7% 0.045 357.9)

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

#F5DACC

Apricot · Bisque · Peach Orange

HEX
#F5DACC
RGB
rgb(245, 218, 204)
HSL
hsl(20, 67%, 88%)
HSB
hsb(20, 17%, 96%)
CMYK
cmyk(0%, 11%, 17%, 4%)
Oklch
oklch(90.7% 0.036 49.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E1D2CA

Apricot · LightGray · Peach Orange

HEX
#E1D2CA
RGB
rgb(225, 210, 202)
HSL
hsl(21, 28%, 84%)
HSB
hsb(21, 10%, 88%)
CMYK
cmyk(0%, 7%, 10%, 12%)
Oklch
oklch(87.4% 0.020 50.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

867979
798686

Analogous

867980
867979
868079

Triadic

867979
798679
797986

Split-Comp.

867979
798680
798086

Tetradic

867979
808679
798686
807986

Contrast Matrix WCAG 2.1 Contrast

867979
A7919A
C9A5B0
F5DACC
E1D2CA
—
1.4
Fail
1.9
Fail
3.1
AA Large
2.8
Fail
1.4
Fail
—
1.3
Fail
2.2
Fail
2.0
Fail
1.9
Fail
1.3
Fail
—
1.7
Fail
1.5
Fail
3.1
AA Large
2.2
Fail
1.7
Fail
—
1.1
Fail
2.8
Fail
2.0
Fail
1.5
Fail
1.1
Fail
—
White BG
4.2AA Large
2.9Fail
2.2Fail
1.3Fail
1.5Fail
Black BG
5.0AA
7.2AAA
9.5AAA
15.8AAA
14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

808079
9D9D98
B9B9AD
E9E9CF
DBDACC

Deuteranopia

818279
9FA097
BCBEAD
EBEDD0
DBDDCC

Tritanopia

857979
A69696
C7ABAB
F4D2D3
E0CDCE

Achromatopsia

7D7D7D
999999
B1B1B1
E0E0E0
D6D6D6

Shades & Tints Shades & Tints

#867979

Dark
Light

#A7919A

Dark
Light

#C9A5B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #867979;
  --color-2: #a7919a;
  --color-3: #c9a5b0;
  --color-4: #f5dacc;
  --color-5: #e1d2ca;
}

SCSS

$color-1: #867979;
$color-2: #a7919a;
$color-3: #c9a5b0;
$color-4: #f5dacc;
$color-5: #e1d2ca;

TAILWIND

colors: {
  'brand-1': '#867979',
  'brand-2': '#a7919a',
  'brand-3': '#c9a5b0',
  'brand-4': '#f5dacc',
  'brand-5': '#e1d2ca',
}

RGB Array

[134, 121, 121], [167, 145, 154], [201, 165, 176], [245, 218, 204], [225, 210, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #867979, #A7919A, #C9A5B0, #F5DACC, #E1D2CA 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: #867979; --color-2: #a7919a; --color-3: #c9a5b0; --color-4: #f5dacc; --color-5: #e1d2ca. 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