← Back to Editor

#755761 · #C67574 · #CBCE97 · #EEE4A6 · #FBFED3

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

#755761

Dark Violet · DimGray · Camellia

HEX
#755761
RGB
rgb(117, 87, 97)
HSL
hsl(340, 15%, 40%)
HSB
hsb(340, 26%, 46%)
CMYK
cmyk(0%, 26%, 17%, 54%)
Oklch
oklch(49.1% 0.042 356.9)

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

#C67574

Peach Pink · LightCoral · Coral Red

HEX
#C67574
RGB
rgb(198, 117, 116)
HSL
hsl(1, 42%, 62%)
HSB
hsb(1, 41%, 78%)
CMYK
cmyk(0%, 41%, 41%, 22%)
Oklch
oklch(65.0% 0.102 21.0)

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

#CBCE97

Fresh Green · Tan · Sunflower

HEX
#CBCE97
RGB
rgb(203, 206, 151)
HSL
hsl(63, 36%, 70%)
HSB
hsb(63, 27%, 81%)
CMYK
cmyk(1%, 0%, 27%, 19%)
Oklch
oklch(83.6% 0.073 110.5)

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

#EEE4A6

Fresh Green · Wheat · Lemon Cream

HEX
#EEE4A6
RGB
rgb(238, 228, 166)
HSL
hsl(52, 68%, 79%)
HSB
hsb(52, 30%, 93%)
CMYK
cmyk(0%, 4%, 30%, 7%)
Oklch
oklch(91.2% 0.080 100.1)

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

#FBFED3

Fresh Green · LightYellow · Lemon Cream

HEX
#FBFED3
RGB
rgb(251, 254, 211)
HSL
hsl(64, 96%, 91%)
HSB
hsb(64, 17%, 100%)
CMYK
cmyk(1%, 0%, 17%, 0%)
Oklch
oklch(98.4% 0.056 110.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

755761
57756B

Analogous

755770
755761
755C57

Triadic

755761
617557
576175

Split-Comp.

755761
57755C
577075

Tetradic

755761
707557
57756B
5C5775

Contrast Matrix WCAG 2.1 Contrast

755761
C67574
CBCE97
EEE4A6
FBFED3
—
1.9
Fail
3.9
AA Large
4.9
AA
6.1
AA
1.9
Fail
—
2.1
Fail
2.6
Fail
3.3
AA Large
3.9
AA Large
2.1
Fail
—
1.3
Fail
1.6
Fail
4.9
AA
2.6
Fail
1.3
Fail
—
1.2
Fail
6.1
AA
3.3
AA Large
1.6
Fail
1.2
Fail
—
White BG
6.4AA
3.4AA Large
1.6Fail
1.3Fail
1.0Fail
Black BG
3.3AA Large
6.2AA
12.8AAA
16.3AAA
20.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

68685F
A3A274
CCCCA4
EAEAB5
FCFCDD

Deuteranopia

6A6C5E
A8AE74
CCCCA8
EAEBB9
FCFCE0

Tritanopia

735D5C
C27474
CBAFB1
EEC1C3
FBE6E7

Achromatopsia

616161
8D8D8D
C7C7C7
E0E0E0
F8F8F8

Shades & Tints Shades & Tints

#755761

Dark
Light

#C67574

Dark
Light

#CBCE97

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #755761;
  --color-2: #c67574;
  --color-3: #cbce97;
  --color-4: #eee4a6;
  --color-5: #fbfed3;
}

SCSS

$color-1: #755761;
$color-2: #c67574;
$color-3: #cbce97;
$color-4: #eee4a6;
$color-5: #fbfed3;

TAILWIND

colors: {
  'brand-1': '#755761',
  'brand-2': '#c67574',
  'brand-3': '#cbce97',
  'brand-4': '#eee4a6',
  'brand-5': '#fbfed3',
}

RGB Array

[117, 87, 97], [198, 117, 116], [203, 206, 151], [238, 228, 166], [251, 254, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #755761, #C67574, #CBCE97, #EEE4A6, #FBFED3 is ideal for: health products, baby brands, fresh-style blogs, 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: #755761; --color-2: #c67574; --color-3: #cbce97; --color-4: #eee4a6; --color-5: #fbfed3. 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. 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