← Back to Editor

#EB5A2B · #EDDFB8 · #91963C · #F17398 · #1E727C

nature

A 5-color nature palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile AppData Visualization

Color Details Color Details

#EB5A2B

Tangerine · Chocolate · Warm Sun

HEX
#EB5A2B
RGB
rgb(235, 90, 43)
HSL
hsl(15, 83%, 55%)
HSB
hsb(15, 82%, 92%)
CMYK
cmyk(0%, 62%, 82%, 8%)
Oklch
oklch(65.2% 0.189 37.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#EDDFB8

Goose Yellow · Wheat · Lemon Cream

HEX
#EDDFB8
RGB
rgb(237, 223, 184)
HSL
hsl(44, 60%, 83%)
HSB
hsb(44, 22%, 93%)
CMYK
cmyk(0%, 6%, 22%, 7%)
Oklch
oklch(90.5% 0.053 90.6)

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

#91963C

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#91963C
RGB
rgb(145, 150, 60)
HSL
hsl(63, 43%, 41%)
HSB
hsb(63, 60%, 59%)
CMYK
cmyk(3%, 0%, 60%, 41%)
Oklch
oklch(65.0% 0.114 112.1)

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

#F17398

Rouge · LightCoral · Rose Pink

HEX
#F17398
RGB
rgb(241, 115, 152)
HSL
hsl(342, 82%, 70%)
HSB
hsb(342, 52%, 95%)
CMYK
cmyk(0%, 52%, 37%, 5%)
Oklch
oklch(71.3% 0.159 3.4)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#1E727C

Lake Blue · Teal · Mint Ice

HEX
#1E727C
RGB
rgb(30, 114, 124)
HSL
hsl(186, 61%, 30%)
HSB
hsb(186, 76%, 49%)
CMYK
cmyk(76%, 8%, 0%, 51%)
Oklch
oklch(50.8% 0.078 206.8)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB5A2B
2DBCEB

Analogous

EB2D5D
EB5A2B
EBBC2D

Triadic

EB5A2B
2DEB5D
5D2DEB

Split-Comp.

EB5A2B
2DEBBC
2D5DEB

Tetradic

EB5A2B
5DEB2D
2DBCEB
BC2DEB

Contrast Matrix WCAG 2.1 Contrast

EB5A2B
EDDFB8
91963C
F17398
1E727C
—
2.6
Fail
1.1
Fail
1.3
Fail
1.6
Fail
2.6
Fail
—
2.4
Fail
2.1
Fail
4.2
AA Large
1.1
Fail
2.4
Fail
—
1.2
Fail
1.8
Fail
1.3
Fail
2.1
Fail
1.2
Fail
—
2.0
Fail
1.6
Fail
4.2
AA Large
1.8
Fail
2.0
Fail
—
White BG
3.5AA Large
1.3Fail
3.2AA Large
2.7Fail
5.6AA
Black BG
6.0AA
15.8AAA
6.6AA
7.6AAA
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAB36
E7E7C1
939352
BAB98F
42437A

Deuteranopia

B5C039
E8E9C4
939357
C2CB8D
3E3779

Tritanopia

E43F41
ECC9CB
916367
EB8886
227877

Achromatopsia

808080
DFDFDF
8A8A8A
9D9D9D
5A5A5A

Shades & Tints Shades & Tints

#EB5A2B

Dark
Light

#EDDFB8

Dark
Light

#91963C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb5a2b;
  --color-2: #eddfb8;
  --color-3: #91963c;
  --color-4: #f17398;
  --color-5: #1e727c;
}

SCSS

$color-1: #eb5a2b;
$color-2: #eddfb8;
$color-3: #91963c;
$color-4: #f17398;
$color-5: #1e727c;

TAILWIND

colors: {
  'brand-1': '#eb5a2b',
  'brand-2': '#eddfb8',
  'brand-3': '#91963c',
  'brand-4': '#f17398',
  'brand-5': '#1e727c',
}

RGB Array

[235, 90, 43], [237, 223, 184], [145, 150, 60], [241, 115, 152], [30, 114, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #EB5A2B, #EDDFB8, #91963C, #F17398, #1E727C is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #eb5a2b; --color-2: #eddfb8; --color-3: #91963c; --color-4: #f17398; --color-5: #1e727c. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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