← Back to Editor

#EAC7A9 · #F69D3F · #FF714C · #887054 · #526756

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

#EAC7A9

Apricot · Wheat · Peach Orange

HEX
#EAC7A9
RGB
rgb(234, 199, 169)
HSL
hsl(28, 61%, 79%)
HSB
hsb(28, 28%, 92%)
CMYK
cmyk(0%, 15%, 28%, 8%)
Oklch
oklch(85.2% 0.057 62.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F69D3F

Ginger · SandyBrown · Warm Sun

HEX
#F69D3F
RGB
rgb(246, 157, 63)
HSL
hsl(31, 91%, 61%)
HSB
hsb(31, 74%, 96%)
CMYK
cmyk(0%, 36%, 74%, 4%)
Oklch
oklch(77.0% 0.149 63.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#FF714C

Peach Pink · Coral · Coral Red

HEX
#FF714C
RGB
rgb(255, 113, 76)
HSL
hsl(12, 100%, 65%)
HSB
hsb(12, 70%, 100%)
CMYK
cmyk(0%, 56%, 70%, 0%)
Oklch
oklch(71.5% 0.181 35.7)

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

#887054

Ochre · DimGray · Amber Brown

HEX
#887054
RGB
rgb(136, 112, 84)
HSL
hsl(32, 24%, 43%)
HSB
hsb(32, 38%, 53%)
CMYK
cmyk(0%, 18%, 38%, 47%)
Oklch
oklch(56.1% 0.051 70.8)

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

#526756

Celadon · DimGray · Forest Green

HEX
#526756
RGB
rgb(82, 103, 86)
HSL
hsl(131, 11%, 36%)
HSB
hsb(131, 20%, 40%)
CMYK
cmyk(20%, 0%, 17%, 60%)
Oklch
oklch(49.1% 0.037 150.5)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAC7A9
A9CCEA

Analogous

EAA9AB
EAC7A9
EAE8A9

Triadic

EAC7A9
A9EAC7
C7A9EA

Split-Comp.

EAC7A9
A9EAE8
A9ABEA

Tetradic

EAC7A9
ABEAA9
A9CCEA
E8A9EA

Contrast Matrix WCAG 2.1 Contrast

EAC7A9
F69D3F
FF714C
887054
526756
—
1.3
Fail
1.7
Fail
2.9
Fail
3.9
AA Large
1.3
Fail
—
1.3
Fail
2.2
Fail
2.9
Fail
1.7
Fail
1.3
Fail
—
1.7
Fail
2.2
Fail
2.9
Fail
2.2
Fail
1.7
Fail
—
1.3
Fail
3.9
AA Large
2.9
Fail
2.2
Fail
1.3
Fail
—
White BG
1.6Fail
2.1Fail
2.7Fail
4.7AA
6.1AA
Black BG
13.2AAA
9.8AAA
7.7AAA
4.5AA Large
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBB0
CFCF56
C2C055
7E7D5B
5B5B5A

Deuteranopia

DDDFB2
D5DB5B
CAD457
7F815C
5A585B

Tritanopia

E8B6B7
F2686C
F85C5E
876061
535D5E

Achromatopsia

CECECE
ADADAD
979797
747474
5F5F5F

Shades & Tints Shades & Tints

#EAC7A9

Dark
Light

#F69D3F

Dark
Light

#FF714C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eac7a9;
  --color-2: #f69d3f;
  --color-3: #ff714c;
  --color-4: #887054;
  --color-5: #526756;
}

SCSS

$color-1: #eac7a9;
$color-2: #f69d3f;
$color-3: #ff714c;
$color-4: #887054;
$color-5: #526756;

TAILWIND

colors: {
  'brand-1': '#eac7a9',
  'brand-2': '#f69d3f',
  'brand-3': '#ff714c',
  'brand-4': '#887054',
  'brand-5': '#526756',
}

RGB Array

[234, 199, 169], [246, 157, 63], [255, 113, 76], [136, 112, 84], [82, 103, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #EAC7A9, #F69D3F, #FF714C, #887054, #526756 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: #eac7a9; --color-2: #f69d3f; --color-3: #ff714c; --color-4: #887054; --color-5: #526756. 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