← Back to Editor

#34303E · #B29D8C · #E5B0A2 · #DCCCAA · #AAC2B4

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 WebsiteBlogData Visualization

Color Details Color Details

#34303E

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#34303E
RGB
rgb(52, 48, 62)
HSL
hsl(257, 13%, 22%)
HSB
hsb(257, 23%, 24%)
CMYK
cmyk(16%, 23%, 0%, 76%)
Oklch
oklch(31.9% 0.025 298.0)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#B29D8C

Apricot · DarkGray · Warm Sun

HEX
#B29D8C
RGB
rgb(178, 157, 140)
HSL
hsl(27, 20%, 62%)
HSB
hsb(27, 21%, 70%)
CMYK
cmyk(0%, 12%, 21%, 30%)
Oklch
oklch(71.0% 0.035 61.2)

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

#E5B0A2

Peach Pink · BurlyWood · Coral Red

HEX
#E5B0A2
RGB
rgb(229, 176, 162)
HSL
hsl(13, 56%, 77%)
HSB
hsb(13, 29%, 90%)
CMYK
cmyk(0%, 23%, 29%, 10%)
Oklch
oklch(80.2% 0.065 35.3)

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

#DCCCAA

Goose Yellow · Wheat · Lemon Cream

HEX
#DCCCAA
RGB
rgb(220, 204, 170)
HSL
hsl(41, 42%, 76%)
HSB
hsb(41, 23%, 86%)
CMYK
cmyk(0%, 7%, 23%, 14%)
Oklch
oklch(85.0% 0.049 85.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#AAC2B4

Celadon · Silver · Apple Green

HEX
#AAC2B4
RGB
rgb(170, 194, 180)
HSL
hsl(145, 16%, 71%)
HSB
hsb(145, 12%, 76%)
CMYK
cmyk(12%, 0%, 7%, 24%)
Oklch
oklch(79.2% 0.033 160.0)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

34303E
3B3F31

Analogous

31343F
34303E
3C313F

Triadic

34303E
3F3531
313F35

Split-Comp.

34303E
3F3C31
343F31

Tetradic

34303E
3F3134
3B3F31
313F3C

Contrast Matrix WCAG 2.1 Contrast

34303E
B29D8C
E5B0A2
DCCCAA
AAC2B4
—
4.9
AA
6.8
AA
8.1
AAA
6.8
AA
4.9
AA
—
1.4
Fail
1.6
Fail
1.4
Fail
6.8
AA
1.4
Fail
—
1.2
Fail
1.0
Fail
8.1
AAA
1.6
Fail
1.2
Fail
—
1.2
Fail
6.8
AA
1.4
Fail
1.0
Fail
1.2
Fail
—
White BG
12.8AAA
2.6Fail
1.9Fail
1.6Fail
1.9Fail
Black BG
1.6Fail
8.1AAA
11.1AAA
13.3AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

32323B
A9A990
CECEA5
D5D5B2
B4B5B7

Deuteranopia

33333A
AAAC91
D1D5A6
D6D7B4
B3B1B8

Tritanopia

343837
B19394
E2A8A9
DBB9BA
ABBABB

Achromatopsia

333333
A1A1A1
BEBEBE
CDCDCD
B9B9B9

Shades & Tints Shades & Tints

#34303E

Dark
Light

#B29D8C

Dark
Light

#E5B0A2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #34303e;
  --color-2: #b29d8c;
  --color-3: #e5b0a2;
  --color-4: #dcccaa;
  --color-5: #aac2b4;
}

SCSS

$color-1: #34303e;
$color-2: #b29d8c;
$color-3: #e5b0a2;
$color-4: #dcccaa;
$color-5: #aac2b4;

TAILWIND

colors: {
  'brand-1': '#34303e',
  'brand-2': '#b29d8c',
  'brand-3': '#e5b0a2',
  'brand-4': '#dcccaa',
  'brand-5': '#aac2b4',
}

RGB Array

[52, 48, 62], [178, 157, 140], [229, 176, 162], [220, 204, 170], [170, 194, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #34303E, #B29D8C, #E5B0A2, #DCCCAA, #AAC2B4 is ideal for: brand design, premium product pages, magazine layouts, 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: #34303e; --color-2: #b29d8c; --color-3: #e5b0a2; --color-4: #dcccaa; --color-5: #aac2b4. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 tech, SaaS, healthcare, eco 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