← Back to Editor

#7B735A · #B9B28A · #C1CEBA · #D29367 · #E89591

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

#7B735A

Ochre · DimGray · Honey Gold

HEX
#7B735A
RGB
rgb(123, 115, 90)
HSL
hsl(45, 15%, 42%)
HSB
hsb(45, 27%, 48%)
CMYK
cmyk(0%, 7%, 27%, 52%)
Oklch
oklch(55.6% 0.038 92.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#B9B28A

Fresh Green · Tan · Sunflower

HEX
#B9B28A
RGB
rgb(185, 178, 138)
HSL
hsl(51, 25%, 63%)
HSB
hsb(51, 25%, 73%)
CMYK
cmyk(0%, 4%, 25%, 27%)
Oklch
oklch(75.9% 0.055 99.3)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#C1CEBA

Celadon · Silver · Apple Green

HEX
#C1CEBA
RGB
rgb(193, 206, 186)
HSL
hsl(99, 17%, 77%)
HSB
hsb(99, 10%, 81%)
CMYK
cmyk(6%, 0%, 10%, 19%)
Oklch
oklch(83.6% 0.031 134.4)

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

#D29367

Apricot · DarkSalmon · Warm Sun

HEX
#D29367
RGB
rgb(210, 147, 103)
HSL
hsl(25, 54%, 61%)
HSB
hsb(25, 51%, 82%)
CMYK
cmyk(0%, 30%, 51%, 18%)
Oklch
oklch(71.5% 0.097 55.5)

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

#E89591

Peach Pink · DarkSalmon · Coral Red

HEX
#E89591
RGB
rgb(232, 149, 145)
HSL
hsl(3, 65%, 74%)
HSB
hsb(3, 38%, 91%)
CMYK
cmyk(0%, 36%, 38%, 9%)
Oklch
oklch(75.3% 0.101 22.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7B735A
5B637B

Analogous

7B635B
7B735A
737B5B

Triadic

7B735A
5B7B73
735B7B

Split-Comp.

7B735A
5B737B
635B7B

Tetradic

7B735A
5B7B63
5B637B
7B5B73

Contrast Matrix WCAG 2.1 Contrast

7B735A
B9B28A
C1CEBA
D29367
E89591
—
2.2
Fail
2.9
Fail
1.8
Fail
2.1
Fail
2.2
Fail
—
1.3
Fail
1.2
Fail
1.1
Fail
2.9
Fail
1.3
Fail
—
1.6
Fail
1.4
Fail
1.8
Fail
1.2
Fail
1.6
Fail
—
1.1
Fail
2.1
Fail
1.1
Fail
1.4
Fail
1.1
Fail
—
White BG
4.7AA
2.1Fail
1.6Fail
2.6Fail
2.3Fail
Black BG
4.4AA Large
9.8AAA
12.8AAA
8.1AAA
9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

787760
B6B694
C7C7BF
B7B672
C4C392

Deuteranopia

787962
B6B796
C6C5C0
BABF74
C9CF92

Tritanopia

7B6566
B99B9D
C2C3C4
CF7A7C
E49393

Achromatopsia

737373
B0B0B0
C8C8C8
A1A1A1
ADADAD

Shades & Tints Shades & Tints

#7B735A

Dark
Light

#B9B28A

Dark
Light

#C1CEBA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7b735a;
  --color-2: #b9b28a;
  --color-3: #c1ceba;
  --color-4: #d29367;
  --color-5: #e89591;
}

SCSS

$color-1: #7b735a;
$color-2: #b9b28a;
$color-3: #c1ceba;
$color-4: #d29367;
$color-5: #e89591;

TAILWIND

colors: {
  'brand-1': '#7b735a',
  'brand-2': '#b9b28a',
  'brand-3': '#c1ceba',
  'brand-4': '#d29367',
  'brand-5': '#e89591',
}

RGB Array

[123, 115, 90], [185, 178, 138], [193, 206, 186], [210, 147, 103], [232, 149, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #7B735A, #B9B28A, #C1CEBA, #D29367, #E89591 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: #7b735a; --color-2: #b9b28a; --color-3: #c1ceba; --color-4: #d29367; --color-5: #e89591. 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