← Back to Editor

#FFE2C2 · #915766 · #721B5F · #490D57 · #7A7B3F

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

#FFE2C2

Goose Yellow · Bisque · Peach Orange

HEX
#FFE2C2
RGB
rgb(255, 226, 194)
HSL
hsl(31, 100%, 88%)
HSB
hsb(31, 24%, 100%)
CMYK
cmyk(0%, 11%, 24%, 0%)
Oklch
oklch(92.9% 0.053 69.9)

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

#915766

Dark Violet · DimGray · Camellia

HEX
#915766
RGB
rgb(145, 87, 102)
HSL
hsl(344, 25%, 45%)
HSB
hsb(344, 40%, 57%)
CMYK
cmyk(0%, 40%, 30%, 43%)
Oklch
oklch(52.7% 0.079 3.4)

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

#721B5F

Rose Purple · Purple · Eggplant

HEX
#721B5F
RGB
rgb(114, 27, 95)
HSL
hsl(313, 62%, 28%)
HSB
hsb(313, 76%, 45%)
CMYK
cmyk(0%, 76%, 17%, 55%)
Oklch
oklch(39.2% 0.143 338.2)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#490D57

Royal Purple · MidnightBlue · Dark Purple

HEX
#490D57
RGB
rgb(73, 13, 87)
HSL
hsl(289, 74%, 20%)
HSB
hsb(289, 85%, 34%)
CMYK
cmyk(16%, 85%, 0%, 66%)
Oklch
oklch(30.5% 0.130 319.0)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#7A7B3F

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#7A7B3F
RGB
rgb(122, 123, 63)
HSL
hsl(61, 32%, 36%)
HSB
hsb(61, 49%, 48%)
CMYK
cmyk(1%, 0%, 49%, 52%)
Oklch
oklch(56.8% 0.082 109.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE2C2
C2DFFF

Analogous

FFC3C2
FFE2C2
FEFFC2

Triadic

FFE2C2
C2FFE1
E1C2FF

Split-Comp.

FFE2C2
C2FEFF
C3C2FF

Tetradic

FFE2C2
C2FFC3
C2DFFF
FFC2FE

Contrast Matrix WCAG 2.1 Contrast

FFE2C2
915766
721B5F
490D57
7A7B3F
—
4.5
AA Large
8.3
AAA
11.4
AAA
3.6
AA Large
4.5
AA Large
—
1.8
Fail
2.5
Fail
1.3
Fail
8.3
AAA
1.8
Fail
—
1.4
Fail
2.3
Fail
11.4
AAA
2.5
Fail
1.4
Fail
—
3.2
AA Large
3.6
AA Large
1.3
Fail
2.3
Fail
3.2
AA Large
—
White BG
1.2Fail
5.6AA
10.3AAA
14.2AAA
4.4AA Large
Black BG
16.9AAA
3.8AA Large
2.0Fail
1.5Fail
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2CA
787762
4C4C4F
2F2E45
7A7A4E

Deuteranopia

F4F6CC
7B8061
51584B
333741
7A7A51

Tritanopia

FED0D1
8E605F
6E423F
463734
7A595C

Achromatopsia

E7E7E7
6A6A6A
3D3D3D
272727
747474

Shades & Tints Shades & Tints

#FFE2C2

Dark
Light

#915766

Dark
Light

#721B5F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe2c2;
  --color-2: #915766;
  --color-3: #721b5f;
  --color-4: #490d57;
  --color-5: #7a7b3f;
}

SCSS

$color-1: #ffe2c2;
$color-2: #915766;
$color-3: #721b5f;
$color-4: #490d57;
$color-5: #7a7b3f;

TAILWIND

colors: {
  'brand-1': '#ffe2c2',
  'brand-2': '#915766',
  'brand-3': '#721b5f',
  'brand-4': '#490d57',
  'brand-5': '#7a7b3f',
}

RGB Array

[255, 226, 194], [145, 87, 102], [114, 27, 95], [73, 13, 87], [122, 123, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #FFE2C2, #915766, #721B5F, #490D57, #7A7B3F 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: #ffe2c2; --color-2: #915766; --color-3: #721b5f; --color-4: #490d57; --color-5: #7a7b3f. 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