← Back to Editor

#FDCA93 · #BBC097 · #72A891 · #634F46 · #992E3E

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

#FDCA93

Goose Yellow · Khaki · Peach Orange

HEX
#FDCA93
RGB
rgb(253, 202, 147)
HSL
hsl(31, 96%, 78%)
HSB
hsb(31, 42%, 99%)
CMYK
cmyk(0%, 20%, 42%, 1%)
Oklch
oklch(87.1% 0.091 68.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#BBC097

Fresh Green · Tan · Sunflower

HEX
#BBC097
RGB
rgb(187, 192, 151)
HSL
hsl(67, 25%, 67%)
HSB
hsb(67, 21%, 75%)
CMYK
cmyk(3%, 0%, 21%, 25%)
Oklch
oklch(79.3% 0.056 113.3)

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

#72A891

Mineral Blue · CadetBlue · Olive Green

HEX
#72A891
RGB
rgb(114, 168, 145)
HSL
hsl(154, 24%, 55%)
HSB
hsb(154, 32%, 66%)
CMYK
cmyk(32%, 0%, 14%, 34%)
Oklch
oklch(68.7% 0.067 166.0)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#634F46

Tangerine · DarkOliveGreen · Amber Brown

HEX
#634F46
RGB
rgb(99, 79, 70)
HSL
hsl(19, 17%, 33%)
HSB
hsb(19, 29%, 39%)
CMYK
cmyk(0%, 20%, 29%, 61%)
Oklch
oklch(44.5% 0.031 45.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#992E3E

Crimson · Brown · Wine Red

HEX
#992E3E
RGB
rgb(153, 46, 62)
HSL
hsl(351, 54%, 39%)
HSB
hsb(351, 70%, 60%)
CMYK
cmyk(0%, 70%, 59%, 40%)
Oklch
oklch(46.7% 0.142 16.0)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDCA93
91C5FD

Analogous

FD9391
FDCA93
FBFD91

Triadic

FDCA93
91FDC9
C991FD

Split-Comp.

FDCA93
91FBFD
9391FD

Tetradic

FDCA93
91FD93
91C5FD
FD91FB

Contrast Matrix WCAG 2.1 Contrast

FDCA93
BBC097
72A891
634F46
992E3E
—
1.3
Fail
1.8
Fail
5.1
AA
5.0
AA
1.3
Fail
—
1.4
Fail
4.1
AA Large
3.9
AA Large
1.8
Fail
1.4
Fail
—
2.8
Fail
2.7
Fail
5.1
AA
4.1
AA Large
2.8
Fail
—
1.0
Fail
5.0
AA
3.9
AA Large
2.7
Fail
1.0
Fail
—
White BG
1.5Fail
1.9Fail
2.7Fail
7.7AAA
7.5AAA
Black BG
14.0AAA
11.1AAA
7.7AAA
2.7Fail
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E6A0
BDBDA1
898A97
5A5A48
6B6A3A

Deuteranopia

EAEEA4
BDBDA3
868298
5C5D49
717939

Tritanopia

FAABAD
BBA9AA
759B9C
624A4A
943736

Achromatopsia

D3D3D3
BABABA
959595
545454
505050

Shades & Tints Shades & Tints

#FDCA93

Dark
Light

#BBC097

Dark
Light

#72A891

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdca93;
  --color-2: #bbc097;
  --color-3: #72a891;
  --color-4: #634f46;
  --color-5: #992e3e;
}

SCSS

$color-1: #fdca93;
$color-2: #bbc097;
$color-3: #72a891;
$color-4: #634f46;
$color-5: #992e3e;

TAILWIND

colors: {
  'brand-1': '#fdca93',
  'brand-2': '#bbc097',
  'brand-3': '#72a891',
  'brand-4': '#634f46',
  'brand-5': '#992e3e',
}

RGB Array

[253, 202, 147], [187, 192, 151], [114, 168, 145], [99, 79, 70], [153, 46, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #FDCA93, #BBC097, #72A891, #634F46, #992E3E 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: #fdca93; --color-2: #bbc097; --color-3: #72a891; --color-4: #634f46; --color-5: #992e3e. 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