← Back to Editor

#A0231D · #C75C14 · #E6A213 · #B8B554 · #F4DFB4

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile AppData Visualization

Color Details Color Details

#A0231D

Vermilion · Brown · Wine Red

HEX
#A0231D
RGB
rgb(160, 35, 29)
HSL
hsl(3, 69%, 37%)
HSB
hsb(3, 82%, 63%)
CMYK
cmyk(0%, 78%, 82%, 37%)
Oklch
oklch(46.4% 0.162 28.2)

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

#C75C14

Tangerine · Chocolate · Amber Brown

HEX
#C75C14
RGB
rgb(199, 92, 20)
HSL
hsl(24, 82%, 43%)
HSB
hsb(24, 90%, 78%)
CMYK
cmyk(0%, 54%, 90%, 22%)
Oklch
oklch(59.8% 0.156 47.7)

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

#E6A213

Ochre · GoldenRod · Honey Gold

HEX
#E6A213
RGB
rgb(230, 162, 19)
HSL
hsl(41, 85%, 49%)
HSB
hsb(41, 92%, 90%)
CMYK
cmyk(0%, 30%, 92%, 10%)
Oklch
oklch(75.9% 0.155 77.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#B8B554

Autumn Sage · Tan · Sunflower

HEX
#B8B554
RGB
rgb(184, 181, 84)
HSL
hsl(58, 41%, 53%)
HSB
hsb(58, 54%, 72%)
CMYK
cmyk(0%, 2%, 54%, 28%)
Oklch
oklch(75.6% 0.120 107.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#F4DFB4

Goose Yellow · Wheat · Lemon Cream

HEX
#F4DFB4
RGB
rgb(244, 223, 180)
HSL
hsl(40, 74%, 83%)
HSB
hsb(40, 26%, 96%)
CMYK
cmyk(0%, 9%, 26%, 4%)
Oklch
oklch(91.0% 0.061 85.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A0231D
1D999F

Analogous

9F1D58
A0231D
9F651D

Triadic

A0231D
1D9F24
241D9F

Split-Comp.

A0231D
1D9F65
1D589F

Tetradic

A0231D
589F1D
1D999F
651D9F

Contrast Matrix WCAG 2.1 Contrast

A0231D
C75C14
E6A213
B8B554
F4DFB4
—
1.8
Fail
3.5
AA Large
3.6
AA Large
5.8
AA
1.8
Fail
—
1.9
Fail
2.0
Fail
3.2
AA Large
3.5
AA Large
1.9
Fail
—
1.0
Fail
1.7
Fail
3.6
AA Large
2.0
Fail
1.0
Fail
—
1.6
Fail
5.8
AA
3.2
AA Large
1.7
Fail
1.6
Fail
—
White BG
7.6AAA
4.2AA Large
2.2Fail
2.1Fail
1.3Fail
Black BG
2.8Fail
5.0AA
9.5AAA
9.8AAA
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A691E
999825
C9C836
B7B76B
EBEBBE

Deuteranopia

717B1F
9FA72A
CDD23E
B7B771
ECEEC1

Tritanopia

9A2020
C23336
E35157
B87E82
F3C7C8

Achromatopsia

484848
747474
A6A6A6
ABABAB
E0E0E0

Shades & Tints Shades & Tints

#A0231D

Dark
Light

#C75C14

Dark
Light

#E6A213

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a0231d;
  --color-2: #c75c14;
  --color-3: #e6a213;
  --color-4: #b8b554;
  --color-5: #f4dfb4;
}

SCSS

$color-1: #a0231d;
$color-2: #c75c14;
$color-3: #e6a213;
$color-4: #b8b554;
$color-5: #f4dfb4;

TAILWIND

colors: {
  'brand-1': '#a0231d',
  'brand-2': '#c75c14',
  'brand-3': '#e6a213',
  'brand-4': '#b8b554',
  'brand-5': '#f4dfb4',
}

RGB Array

[160, 35, 29], [199, 92, 20], [230, 162, 19], [184, 181, 84], [244, 223, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #A0231D, #C75C14, #E6A213, #B8B554, #F4DFB4 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: #a0231d; --color-2: #c75c14; --color-3: #e6a213; --color-4: #b8b554; --color-5: #f4dfb4. 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