← Back to Editor

#8B6969 · #CDB38B · #FFE7BA · #CD96CD · #8B668B

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

#8B6969

Crimson · DimGray · Passion Red

HEX
#8B6969
RGB
rgb(139, 105, 105)
HSL
hsl(0, 14%, 48%)
HSB
hsb(0, 24%, 55%)
CMYK
cmyk(0%, 24%, 24%, 45%)
Oklch
oklch(55.5% 0.044 18.6)

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

#CDB38B

Ginger · Tan · Warm Sun

HEX
#CDB38B
RGB
rgb(205, 179, 139)
HSL
hsl(36, 40%, 67%)
HSB
hsb(36, 32%, 80%)
CMYK
cmyk(0%, 13%, 32%, 20%)
Oklch
oklch(77.9% 0.062 78.3)

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

#FFE7BA

Goose Yellow · Bisque · Peach Orange

HEX
#FFE7BA
RGB
rgb(255, 231, 186)
HSL
hsl(39, 100%, 86%)
HSB
hsb(39, 27%, 100%)
CMYK
cmyk(0%, 9%, 27%, 0%)
Oklch
oklch(93.6% 0.064 83.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#CD96CD

Mauve · Orchid · Lilac Purple

HEX
#CD96CD
RGB
rgb(205, 150, 205)
HSL
hsl(300, 35%, 70%)
HSB
hsb(300, 27%, 80%)
CMYK
cmyk(0%, 27%, 0%, 20%)
Oklch
oklch(74.4% 0.099 326.5)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#8B668B

Rose Purple · Gray · Violet

HEX
#8B668B
RGB
rgb(139, 102, 139)
HSL
hsl(300, 15%, 47%)
HSB
hsb(300, 27%, 55%)
CMYK
cmyk(0%, 27%, 0%, 45%)
Oklch
oklch(56.1% 0.071 326.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8B6969
698C8C

Analogous

8C697A
8B6969
8C7A69

Triadic

8B6969
698C69
69698C

Split-Comp.

8B6969
698C7A
697A8C

Tetradic

8B6969
7A8C69
698C8C
7A698C

Contrast Matrix WCAG 2.1 Contrast

8B6969
CDB38B
FFE7BA
CD96CD
8B668B
—
2.4
Fail
4.0
AA Large
2.0
Fail
1.0
Fail
2.4
Fail
—
1.7
Fail
1.2
Fail
2.4
Fail
4.0
AA Large
1.7
Fail
—
2.0
Fail
4.0
AA Large
2.0
Fail
1.2
Fail
2.0
Fail
—
2.0
Fail
1.0
Fail
2.4
Fail
4.0
AA Large
2.0
Fail
—
White BG
4.9AA
2.0Fail
1.2Fail
2.4Fail
4.8AA
Black BG
4.3AA Large
10.4AAA
17.4AAA
8.8AAA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

7C7C69
C2C295
F5F4C5
B5B5C0
7B7B82

Deuteranopia

7E8169
C3C597
F6F8C8
B8BDBD
7D8080

Tritanopia

896969
CC9C9E
FECDCF
CAB5B3
897B79

Achromatopsia

737373
B6B6B6
E9E9E9
ADADAD
757575

Shades & Tints Shades & Tints

#8B6969

Dark
Light

#CDB38B

Dark
Light

#FFE7BA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8b6969;
  --color-2: #cdb38b;
  --color-3: #ffe7ba;
  --color-4: #cd96cd;
  --color-5: #8b668b;
}

SCSS

$color-1: #8b6969;
$color-2: #cdb38b;
$color-3: #ffe7ba;
$color-4: #cd96cd;
$color-5: #8b668b;

TAILWIND

colors: {
  'brand-1': '#8b6969',
  'brand-2': '#cdb38b',
  'brand-3': '#ffe7ba',
  'brand-4': '#cd96cd',
  'brand-5': '#8b668b',
}

RGB Array

[139, 105, 105], [205, 179, 139], [255, 231, 186], [205, 150, 205], [139, 102, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #8B6969, #CDB38B, #FFE7BA, #CD96CD, #8B668B is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #8b6969; --color-2: #cdb38b; --color-3: #ffe7ba; --color-4: #cd96cd; --color-5: #8b668b. 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. 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. 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