← Back to Editor

#EFE2E9 · #CABDB7 · #E5BFBE · #A17A7D · #A35B80

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlogData Visualization

Color Details Color Details

#EFE2E9

Mauve · Linen · Cherry Blossom

HEX
#EFE2E9
RGB
rgb(239, 226, 233)
HSL
hsl(328, 29%, 91%)
HSB
hsb(328, 5%, 94%)
CMYK
cmyk(0%, 5%, 3%, 6%)
Oklch
oklch(92.5% 0.017 343.6)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#CABDB7

Apricot · Silver · Warm Sun

HEX
#CABDB7
RGB
rgb(202, 189, 183)
HSL
hsl(19, 15%, 75%)
HSB
hsb(19, 9%, 79%)
CMYK
cmyk(0%, 6%, 9%, 21%)
Oklch
oklch(80.7% 0.017 46.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E5BFBE

Peach Pink · LightPink · Cherry Blossom

HEX
#E5BFBE
RGB
rgb(229, 191, 190)
HSL
hsl(2, 43%, 82%)
HSB
hsb(2, 17%, 90%)
CMYK
cmyk(0%, 17%, 17%, 10%)
Oklch
oklch(83.7% 0.044 19.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#A17A7D

Crimson · Gray · Passion Red

HEX
#A17A7D
RGB
rgb(161, 122, 125)
HSL
hsl(355, 17%, 55%)
HSB
hsb(355, 24%, 63%)
CMYK
cmyk(0%, 24%, 22%, 37%)
Oklch
oklch(61.8% 0.049 13.4)

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

#A35B80

Rose Purple · Gray · Camellia

HEX
#A35B80
RGB
rgb(163, 91, 128)
HSL
hsl(329, 28%, 50%)
HSB
hsb(329, 44%, 64%)
CMYK
cmyk(0%, 44%, 21%, 36%)
Oklch
oklch(56.6% 0.105 348.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFE2E9
E1EFE8

Analogous

EEE1EF
EFE2E9
EFE1E2

Triadic

EFE2E9
E8EFE1
E1E8EF

Split-Comp.

EFE2E9
E2EFE1
E1EFEE

Tetradic

EFE2E9
EFEEE1
E1EFE8
E1E2EF

Contrast Matrix WCAG 2.1 Contrast

EFE2E9
CABDB7
E5BFBE
A17A7D
A35B80
—
1.5
Fail
1.3
Fail
3.0
Fail
3.8
AA Large
1.5
Fail
—
1.1
Fail
2.1
Fail
2.6
Fail
1.3
Fail
1.1
Fail
—
2.2
Fail
2.9
Fail
3.0
Fail
2.1
Fail
2.2
Fail
—
1.3
Fail
3.8
AA Large
2.6
Fail
2.9
Fail
1.3
Fail
—
White BG
1.3Fail
1.8Fail
1.7Fail
3.8AA Large
4.8AA
Black BG
16.7AAA
11.5AAA
12.5AAA
5.6AA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9E7
C4C4B8
D5D4BE
90907C
848377

Deuteranopia

EAEBE7
C5C6B9
D7DABE
92957C
888D75

Tritanopia

EEE6E6
C9BABA
E3BEBE
9F7C7C
9F706E

Achromatopsia

E7E7E7
C0C0C0
CACACA
868686
757575

Shades & Tints Shades & Tints

#EFE2E9

Dark
Light

#CABDB7

Dark
Light

#E5BFBE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efe2e9;
  --color-2: #cabdb7;
  --color-3: #e5bfbe;
  --color-4: #a17a7d;
  --color-5: #a35b80;
}

SCSS

$color-1: #efe2e9;
$color-2: #cabdb7;
$color-3: #e5bfbe;
$color-4: #a17a7d;
$color-5: #a35b80;

TAILWIND

colors: {
  'brand-1': '#efe2e9',
  'brand-2': '#cabdb7',
  'brand-3': '#e5bfbe',
  'brand-4': '#a17a7d',
  'brand-5': '#a35b80',
}

RGB Array

[239, 226, 233], [202, 189, 183], [229, 191, 190], [161, 122, 125], [163, 91, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #EFE2E9, #CABDB7, #E5BFBE, #A17A7D, #A35B80 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #efe2e9; --color-2: #cabdb7; --color-3: #e5bfbe; --color-4: #a17a7d; --color-5: #a35b80. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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