← Back to Editor

#F5E8C5 · #D4D4B8 · #C0BFA3 · #94AC9E · #000D00

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

#F5E8C5

Goose Yellow · Bisque · Lemon Cream

HEX
#F5E8C5
RGB
rgb(245, 232, 197)
HSL
hsl(44, 71%, 87%)
HSB
hsb(44, 20%, 96%)
CMYK
cmyk(0%, 5%, 20%, 4%)
Oklch
oklch(93.2% 0.048 90.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#D4D4B8

Fresh Green · LightGray · Lemon Cream

HEX
#D4D4B8
RGB
rgb(212, 212, 184)
HSL
hsl(60, 25%, 78%)
HSB
hsb(60, 13%, 83%)
CMYK
cmyk(0%, 0%, 13%, 17%)
Oklch
oklch(86.3% 0.038 107.2)

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

#C0BFA3

Fresh Green · Silver · Sunflower

HEX
#C0BFA3
RGB
rgb(192, 191, 163)
HSL
hsl(58, 19%, 70%)
HSB
hsb(58, 15%, 75%)
CMYK
cmyk(0%, 1%, 15%, 25%)
Oklch
oklch(79.8% 0.038 105.6)

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

#94AC9E

Celadon · DarkSeaGreen · Apple Green

HEX
#94AC9E
RGB
rgb(148, 172, 158)
HSL
hsl(145, 13%, 63%)
HSB
hsb(145, 14%, 67%)
CMYK
cmyk(14%, 0%, 8%, 33%)
Oklch
oklch(72.2% 0.033 159.9)

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

#000D00

Pine Green · Black · Dark Green

HEX
#000D00
RGB
rgb(0, 13, 0)
HSL
hsl(120, 100%, 3%)
HSB
hsb(120, 100%, 5%)
CMYK
cmyk(100%, 0%, 100%, 95%)
Oklch
oklch(13.8% 0.047 142.5)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5E8C5
C6D3F5

Analogous

F5D1C6
F5E8C5
EAF5C6

Triadic

F5E8C5
C6F5E9
E9C6F5

Split-Comp.

F5E8C5
C6EAF5
D1C6F5

Tetradic

F5E8C5
C6F5D1
C6D3F5
F5C6EA

Contrast Matrix WCAG 2.1 Contrast

F5E8C5
D4D4B8
C0BFA3
94AC9E
000D00
—
1.2
Fail
1.5
Fail
2.0
Fail
16.3
AAA
1.2
Fail
—
1.2
Fail
1.6
Fail
13.2
AAA
1.5
Fail
1.2
Fail
—
1.3
Fail
10.6
AAA
2.0
Fail
1.6
Fail
1.3
Fail
—
8.2
AAA
16.3
AAA
13.2
AAA
10.6
AAA
8.2
AAA
—
White BG
1.2Fail
1.5Fail
1.9Fail
2.4Fail
19.9AAA
Black BG
17.2AAA
13.9AAA
11.2AAA
8.7AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFCD
D4D4BF
C0C0AA
9E9FA1
060603

Deuteranopia

F0F1CF
D4D4C0
C0C0AB
9D9BA2
050404

Tritanopia

F4D4D6
D4C4C5
C0AFB0
95A4A5
010606

Achromatopsia

E8E8E8
D1D1D1
BCBCBC
A3A3A3
080808

Shades & Tints Shades & Tints

#F5E8C5

Dark
Light

#D4D4B8

Dark
Light

#C0BFA3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5e8c5;
  --color-2: #d4d4b8;
  --color-3: #c0bfa3;
  --color-4: #94ac9e;
  --color-5: #000d00;
}

SCSS

$color-1: #f5e8c5;
$color-2: #d4d4b8;
$color-3: #c0bfa3;
$color-4: #94ac9e;
$color-5: #000d00;

TAILWIND

colors: {
  'brand-1': '#f5e8c5',
  'brand-2': '#d4d4b8',
  'brand-3': '#c0bfa3',
  'brand-4': '#94ac9e',
  'brand-5': '#000d00',
}

RGB Array

[245, 232, 197], [212, 212, 184], [192, 191, 163], [148, 172, 158], [0, 13, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #F5E8C5, #D4D4B8, #C0BFA3, #94AC9E, #000D00 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: #f5e8c5; --color-2: #d4d4b8; --color-3: #c0bfa3; --color-4: #94ac9e; --color-5: #000d00. 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