← Back to Editor

#CEC0C1 · #CFABB7 · #D669A5 · #91768F · #BAC5CC

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#CEC0C1

Peach Pink · Silver · Coral Red

HEX
#CEC0C1
RGB
rgb(206, 192, 193)
HSL
hsl(356, 13%, 78%)
HSB
hsb(356, 7%, 81%)
CMYK
cmyk(0%, 7%, 6%, 19%)
Oklch
oklch(82.0% 0.016 12.5)

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

#CFABB7

Rouge · Silver · Rose Pink

HEX
#CFABB7
RGB
rgb(207, 171, 183)
HSL
hsl(340, 27%, 74%)
HSB
hsb(340, 17%, 81%)
CMYK
cmyk(0%, 17%, 12%, 19%)
Oklch
oklch(77.7% 0.045 356.2)

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

#D669A5

Mauve · Orchid · Rose Pink

HEX
#D669A5
RGB
rgb(214, 105, 165)
HSL
hsl(327, 57%, 63%)
HSB
hsb(327, 51%, 84%)
CMYK
cmyk(0%, 51%, 23%, 16%)
Oklch
oklch(66.7% 0.153 347.8)

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

#91768F

Rose Purple · Gray · Violet

HEX
#91768F
RGB
rgb(145, 118, 143)
HSL
hsl(304, 11%, 52%)
HSB
hsb(304, 19%, 57%)
CMYK
cmyk(0%, 19%, 1%, 43%)
Oklch
oklch(60.0% 0.049 328.6)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#BAC5CC

Sky Blue · Silver · Cobalt Blue

HEX
#BAC5CC
RGB
rgb(186, 197, 204)
HSL
hsl(203, 15%, 76%)
HSB
hsb(203, 9%, 80%)
CMYK
cmyk(9%, 3%, 0%, 20%)
Oklch
oklch(81.7% 0.016 235.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEC0C1
C0CECD

Analogous

CEC0C8
CEC0C1
CEC6C0

Triadic

CEC0C1
C1CEC0
C0C1CE

Split-Comp.

CEC0C1
C0CEC6
C0C8CE

Tetradic

CEC0C1
C8CEC0
C0CECD
C6C0CE

Contrast Matrix WCAG 2.1 Contrast

CEC0C1
CFABB7
D669A5
91768F
BAC5CC
—
1.2
Fail
1.9
Fail
2.3
Fail
1.0
Fail
1.2
Fail
—
1.6
Fail
2.0
Fail
1.2
Fail
1.9
Fail
1.6
Fail
—
1.2
Fail
1.9
Fail
2.3
Fail
2.0
Fail
1.2
Fail
—
2.3
Fail
1.0
Fail
1.2
Fail
1.9
Fail
2.3
Fail
—
White BG
1.8Fail
2.1Fail
3.3AA Large
4.0AA Large
1.8Fail
Black BG
11.9AAA
10.2AAA
6.4AA
5.2AA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C8C1
BFBFB4
A7A696
858589
BFBFCA

Deuteranopia

C9CAC1
C2C4B3
ADB593
878988
BEBDCA

Tritanopia

CDC1C1
CDB2B1
D18B89
908483
BBC9C9

Achromatopsia

C4C4C4
B7B7B7
909090
818181
C3C3C3

Shades & Tints Shades & Tints

#CEC0C1

Dark
Light

#CFABB7

Dark
Light

#D669A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cec0c1;
  --color-2: #cfabb7;
  --color-3: #d669a5;
  --color-4: #91768f;
  --color-5: #bac5cc;
}

SCSS

$color-1: #cec0c1;
$color-2: #cfabb7;
$color-3: #d669a5;
$color-4: #91768f;
$color-5: #bac5cc;

TAILWIND

colors: {
  'brand-1': '#cec0c1',
  'brand-2': '#cfabb7',
  'brand-3': '#d669a5',
  'brand-4': '#91768f',
  'brand-5': '#bac5cc',
}

RGB Array

[206, 192, 193], [207, 171, 183], [214, 105, 165], [145, 118, 143], [186, 197, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #CEC0C1, #CFABB7, #D669A5, #91768F, #BAC5CC 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: #cec0c1; --color-2: #cfabb7; --color-3: #d669a5; --color-4: #91768f; --color-5: #bac5cc. 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 nature-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