← Back to Editor

#B3C6C5 · #CBD1D0 · #CCC4C4 · #CDA8A9 · #F99384

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

#B3C6C5

Jade · Silver · Lake Green

HEX
#B3C6C5
RGB
rgb(179, 198, 197)
HSL
hsl(177, 14%, 74%)
HSB
hsb(177, 10%, 78%)
CMYK
cmyk(10%, 0%, 1%, 22%)
Oklch
oklch(81.2% 0.021 192.9)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#CBD1D0

Silver Gray · LightGray · Pearl Gray

HEX
#CBD1D0
RGB
rgb(203, 209, 208)
HSL
hsl(170, 6%, 81%)
HSB
hsb(170, 3%, 82%)
CMYK
cmyk(3%, 0%, 0%, 18%)
Oklch
oklch(85.6% 0.007 185.2)

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

#CCC4C4

Silver Gray · Silver · Pearl Gray

HEX
#CCC4C4
RGB
rgb(204, 196, 196)
HSL
hsl(0, 7%, 78%)
HSB
hsb(0, 4%, 80%)
CMYK
cmyk(0%, 4%, 4%, 20%)
Oklch
oklch(82.7% 0.009 17.3)

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

#CDA8A9

Peach Pink · Tan · Coral Red

HEX
#CDA8A9
RGB
rgb(205, 168, 169)
HSL
hsl(358, 27%, 73%)
HSB
hsb(358, 18%, 80%)
CMYK
cmyk(0%, 18%, 18%, 20%)
Oklch
oklch(76.5% 0.043 16.3)

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

#F99384

Peach Pink · LightSalmon · Coral Red

HEX
#F99384
RGB
rgb(249, 147, 132)
HSL
hsl(8, 91%, 75%)
HSB
hsb(8, 47%, 98%)
CMYK
cmyk(0%, 41%, 47%, 2%)
Oklch
oklch(76.7% 0.126 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B3C6C5
C6B3B4

Analogous

B3C6BC
B3C6C5
B3BEC6

Triadic

B3C6C5
C5B3C6
C6C5B3

Split-Comp.

B3C6C5
C6B3BE
C6BCB3

Tetradic

B3C6C5
BCB3C6
C6B3B4
BEC6B3

Contrast Matrix WCAG 2.1 Contrast

B3C6C5
CBD1D0
CCC4C4
CDA8A9
F99384
—
1.1
Fail
1.0
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.4
Fail
1.0
Fail
1.1
Fail
—
1.3
Fail
1.3
Fail
1.2
Fail
1.4
Fail
1.3
Fail
—
1.0
Fail
1.2
Fail
1.4
Fail
1.3
Fail
1.0
Fail
—
White BG
1.8Fail
1.5Fail
1.7Fail
2.1Fail
2.2Fail
Black BG
11.8AAA
13.6AAA
12.3AAA
9.8AAA
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBBC5
CECED0
C9C8C4
BDBDA9
CDCC88

Deuteranopia

BAB9C5
CDCDD0
C9CAC4
BFC2A9
D3DA89

Tritanopia

B4C5C5
CBD0D0
CCC4C4
CBA9A9
F48A8B

Achromatopsia

C0C0C0
CFCFCF
C6C6C6
B3B3B3
B0B0B0

Shades & Tints Shades & Tints

#B3C6C5

Dark
Light

#CBD1D0

Dark
Light

#CCC4C4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b3c6c5;
  --color-2: #cbd1d0;
  --color-3: #ccc4c4;
  --color-4: #cda8a9;
  --color-5: #f99384;
}

SCSS

$color-1: #b3c6c5;
$color-2: #cbd1d0;
$color-3: #ccc4c4;
$color-4: #cda8a9;
$color-5: #f99384;

TAILWIND

colors: {
  'brand-1': '#b3c6c5',
  'brand-2': '#cbd1d0',
  'brand-3': '#ccc4c4',
  'brand-4': '#cda8a9',
  'brand-5': '#f99384',
}

RGB Array

[179, 198, 197], [203, 209, 208], [204, 196, 196], [205, 168, 169], [249, 147, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #B3C6C5, #CBD1D0, #CCC4C4, #CDA8A9, #F99384 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: #b3c6c5; --color-2: #cbd1d0; --color-3: #ccc4c4; --color-4: #cda8a9; --color-5: #f99384. 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