← Back to Editor

#CDD194 · #FEF9B7 · #B7B398 · #595E71 · #443F45

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

#CDD194

Fresh Green · Tan · Sunflower

HEX
#CDD194
RGB
rgb(205, 209, 148)
HSL
hsl(64, 40%, 70%)
HSB
hsb(64, 29%, 82%)
CMYK
cmyk(2%, 0%, 29%, 18%)
Oklch
oklch(84.3% 0.080 111.1)

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

#FEF9B7

Fresh Green · Bisque · Lemon Cream

HEX
#FEF9B7
RGB
rgb(254, 249, 183)
HSL
hsl(56, 97%, 86%)
HSB
hsb(56, 28%, 100%)
CMYK
cmyk(0%, 2%, 28%, 0%)
Oklch
oklch(97.1% 0.084 104.2)

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

#B7B398

Fresh Green · DarkGray · Sunflower

HEX
#B7B398
RGB
rgb(183, 179, 152)
HSL
hsl(52, 18%, 66%)
HSB
hsb(52, 17%, 72%)
CMYK
cmyk(0%, 2%, 17%, 28%)
Oklch
oklch(76.3% 0.038 100.3)

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

#595E71

Indigo · DimGray · Prussian Blue

HEX
#595E71
RGB
rgb(89, 94, 113)
HSL
hsl(227, 12%, 40%)
HSB
hsb(227, 21%, 44%)
CMYK
cmyk(21%, 17%, 0%, 56%)
Oklch
oklch(48.5% 0.031 273.6)

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

#443F45

Dark Cyan · DarkSlateGray · Charcoal

HEX
#443F45
RGB
rgb(68, 63, 69)
HSL
hsl(290, 5%, 26%)
HSB
hsb(290, 9%, 27%)
CMYK
cmyk(1%, 9%, 0%, 73%)
Oklch
oklch(37.5% 0.012 320.6)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDD194
9894D1

Analogous

D1B794
CDD194
AED194

Triadic

CDD194
94CDD1
D194CD

Split-Comp.

CDD194
94AED1
B794D1

Tetradic

CDD194
94D1B7
9894D1
D194AE

Contrast Matrix WCAG 2.1 Contrast

CDD194
FEF9B7
B7B398
595E71
443F45
—
1.5
Fail
1.3
Fail
4.0
AA Large
6.4
AA
1.5
Fail
—
2.0
Fail
6.0
AA
9.5
AAA
1.3
Fail
2.0
Fail
—
3.0
AA Large
4.9
AA
4.0
AA Large
6.0
AA
3.0
AA Large
—
1.6
Fail
6.4
AA
9.5
AAA
4.9
AA
1.6
Fail
—
White BG
1.6Fail
1.1Fail
2.1Fail
6.4AA
10.3AAA
Black BG
13.1AAA
19.4AAA
9.9AAA
3.3AA Large
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFA3
FCFCC7
B5B59F
5B5B6C
424244

Deuteranopia

CFCEA6
FCFDCB
B6B6A0
5B5B6B
424343

Tritanopia

CDAEB1
FED4D6
B7A4A5
596968
444242

Achromatopsia

C9C9C9
F3F3F3
B1B1B1
5F5F5F
414141

Shades & Tints Shades & Tints

#CDD194

Dark
Light

#FEF9B7

Dark
Light

#B7B398

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdd194;
  --color-2: #fef9b7;
  --color-3: #b7b398;
  --color-4: #595e71;
  --color-5: #443f45;
}

SCSS

$color-1: #cdd194;
$color-2: #fef9b7;
$color-3: #b7b398;
$color-4: #595e71;
$color-5: #443f45;

TAILWIND

colors: {
  'brand-1': '#cdd194',
  'brand-2': '#fef9b7',
  'brand-3': '#b7b398',
  'brand-4': '#595e71',
  'brand-5': '#443f45',
}

RGB Array

[205, 209, 148], [254, 249, 183], [183, 179, 152], [89, 94, 113], [68, 63, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #CDD194, #FEF9B7, #B7B398, #595E71, #443F45 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: #cdd194; --color-2: #fef9b7; --color-3: #b7b398; --color-4: #595e71; --color-5: #443f45. 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