← Back to Editor

#C8B79B · #CA8E86 · #D80963 · #4D2337 · #9FC1B0

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

#C8B79B

Ginger · Tan · Warm Sun

HEX
#C8B79B
RGB
rgb(200, 183, 155)
HSL
hsl(37, 29%, 70%)
HSB
hsb(37, 23%, 78%)
CMYK
cmyk(0%, 8%, 23%, 22%)
Oklch
oklch(78.6% 0.043 80.3)

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

#CA8E86

Peach Pink · DarkSalmon · Coral Red

HEX
#CA8E86
RGB
rgb(202, 142, 134)
HSL
hsl(7, 39%, 66%)
HSB
hsb(7, 34%, 79%)
CMYK
cmyk(0%, 30%, 34%, 21%)
Oklch
oklch(70.4% 0.075 27.6)

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

#D80963

Dark Violet · MediumVioletRed · Camellia

HEX
#D80963
RGB
rgb(216, 9, 99)
HSL
hsl(334, 92%, 44%)
HSB
hsb(334, 96%, 85%)
CMYK
cmyk(0%, 96%, 54%, 15%)
Oklch
oklch(56.9% 0.225 5.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#4D2337

Dark Violet · DarkSlateGray · Raspberry

HEX
#4D2337
RGB
rgb(77, 35, 55)
HSL
hsl(331, 37%, 22%)
HSB
hsb(331, 55%, 30%)
CMYK
cmyk(0%, 55%, 29%, 70%)
Oklch
oklch(32.2% 0.069 351.8)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#9FC1B0

Jade · DarkGray · Apple Green

HEX
#9FC1B0
RGB
rgb(159, 193, 176)
HSL
hsl(150, 22%, 69%)
HSB
hsb(150, 18%, 76%)
CMYK
cmyk(18%, 0%, 9%, 24%)
Oklch
oklch(78.1% 0.044 163.6)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C8B79B
9CADC9

Analogous

C9A19C
C8B79B
C4C99C

Triadic

C8B79B
9CC9B8
B89CC9

Split-Comp.

C8B79B
9CC4C9
A19CC9

Tetradic

C8B79B
9CC9A1
9CADC9
C99CC4

Contrast Matrix WCAG 2.1 Contrast

C8B79B
CA8E86
D80963
4D2337
9FC1B0
—
1.4
Fail
2.6
Fail
6.6
AA
1.0
Fail
1.4
Fail
—
1.9
Fail
4.8
AA
1.4
Fail
2.6
Fail
1.9
Fail
—
2.6
Fail
2.6
Fail
6.6
AA
4.8
AA
2.6
Fail
—
6.7
AA
1.0
Fail
1.4
Fail
2.6
Fail
6.7
AA
—
White BG
2.0Fail
2.7Fail
5.1AA
13.0AAA
2.0Fail
Black BG
10.7AAA
7.7AAA
4.1AA Large
1.6Fail
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C0A2
B0AF88
7E7D4D
3B3A32
AEAEB4

Deuteranopia

C2C3A3
B4B888
8A9A48
3D4031
ACA9B5

Tritanopia

C7A7A8
C7898A
CE3C38
4B2E2E
A1B7B8

Achromatopsia

B9B9B9
9F9F9F
515151
323232
B5B5B5

Shades & Tints Shades & Tints

#C8B79B

Dark
Light

#CA8E86

Dark
Light

#D80963

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c8b79b;
  --color-2: #ca8e86;
  --color-3: #d80963;
  --color-4: #4d2337;
  --color-5: #9fc1b0;
}

SCSS

$color-1: #c8b79b;
$color-2: #ca8e86;
$color-3: #d80963;
$color-4: #4d2337;
$color-5: #9fc1b0;

TAILWIND

colors: {
  'brand-1': '#c8b79b',
  'brand-2': '#ca8e86',
  'brand-3': '#d80963',
  'brand-4': '#4d2337',
  'brand-5': '#9fc1b0',
}

RGB Array

[200, 183, 155], [202, 142, 134], [216, 9, 99], [77, 35, 55], [159, 193, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #C8B79B, #CA8E86, #D80963, #4D2337, #9FC1B0 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #c8b79b; --color-2: #ca8e86; --color-3: #d80963; --color-4: #4d2337; --color-5: #9fc1b0. 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. 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