← Back to Editor

#C2A2AD · #B2A582 · #C4A39A · #D0A390 · #CAAA95

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 WebsiteBlog

Color Details Color Details

#C2A2AD

Rouge · DarkGray · Rose Pink

HEX
#C2A2AD
RGB
rgb(194, 162, 173)
HSL
hsl(339, 21%, 70%)
HSB
hsb(339, 16%, 76%)
CMYK
cmyk(0%, 16%, 11%, 24%)
Oklch
oklch(74.4% 0.040 355.5)

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

#B2A582

Ginger · Tan · Sunflower

HEX
#B2A582
RGB
rgb(178, 165, 130)
HSL
hsl(44, 24%, 60%)
HSB
hsb(44, 27%, 70%)
CMYK
cmyk(0%, 7%, 27%, 30%)
Oklch
oklch(72.4% 0.050 90.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#C4A39A

Peach Pink · Tan · Coral Red

HEX
#C4A39A
RGB
rgb(196, 163, 154)
HSL
hsl(13, 26%, 69%)
HSB
hsb(13, 21%, 77%)
CMYK
cmyk(0%, 17%, 21%, 23%)
Oklch
oklch(74.2% 0.041 35.7)

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

#D0A390

Apricot · Tan · Warm Sun

HEX
#D0A390
RGB
rgb(208, 163, 144)
HSL
hsl(18, 41%, 69%)
HSB
hsb(18, 31%, 82%)
CMYK
cmyk(0%, 22%, 31%, 18%)
Oklch
oklch(75.2% 0.060 44.0)

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

#CAAA95

Apricot · Tan · Warm Sun

HEX
#CAAA95
RGB
rgb(202, 170, 149)
HSL
hsl(24, 33%, 69%)
HSB
hsb(24, 26%, 79%)
CMYK
cmyk(0%, 16%, 26%, 21%)
Oklch
oklch(76.1% 0.048 55.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2A2AD
A2C3B7

Analogous

C3A2BE
C2A2AD
C3A7A2

Triadic

C2A2AD
AEC3A2
A2AEC3

Split-Comp.

C2A2AD
A2C3A7
A2BEC3

Tetradic

C2A2AD
BEC3A2
A2C3B7
A7A2C3

Contrast Matrix WCAG 2.1 Contrast

C2A2AD
B2A582
C4A39A
D0A390
CAAA95
—
1.1
Fail
1.0
Fail
1.0
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
White BG
2.3Fail
2.4Fail
2.3Fail
2.3Fail
2.2Fail
Black BG
9.1AAA
8.6AAA
9.1AAA
9.3AAA
9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B4AA
ACAC8A
B6B59C
BDBC95
BCBC9A

Deuteranopia

B6B8AA
ADAE8D
B8BA9D
BFC396
BEC09B

Tritanopia

C0A8A8
B19193
C29E9E
CE9899
C89E9F

Achromatopsia

ADADAD
A5A5A5
ACACAC
AEAEAE
B1B1B1

Shades & Tints Shades & Tints

#C2A2AD

Dark
Light

#B2A582

Dark
Light

#C4A39A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2a2ad;
  --color-2: #b2a582;
  --color-3: #c4a39a;
  --color-4: #d0a390;
  --color-5: #caaa95;
}

SCSS

$color-1: #c2a2ad;
$color-2: #b2a582;
$color-3: #c4a39a;
$color-4: #d0a390;
$color-5: #caaa95;

TAILWIND

colors: {
  'brand-1': '#c2a2ad',
  'brand-2': '#b2a582',
  'brand-3': '#c4a39a',
  'brand-4': '#d0a390',
  'brand-5': '#caaa95',
}

RGB Array

[194, 162, 173], [178, 165, 130], [196, 163, 154], [208, 163, 144], [202, 170, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #C2A2AD, #B2A582, #C4A39A, #D0A390, #CAAA95 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: #c2a2ad; --color-2: #b2a582; --color-3: #c4a39a; --color-4: #d0a390; --color-5: #caaa95. 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