← Back to Editor

#A48F10 · #6E7A0C · #73590F · #B21526 · #C1224B

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 App

Color Details Color Details

#A48F10

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A48F10
RGB
rgb(164, 143, 16)
HSL
hsl(51, 82%, 35%)
HSB
hsb(51, 90%, 64%)
CMYK
cmyk(0%, 13%, 90%, 36%)
Oklch
oklch(65.0% 0.131 98.4)

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

#6E7A0C

Autumn Sage · Olive · Honey Gold

HEX
#6E7A0C
RGB
rgb(110, 122, 12)
HSL
hsl(67, 82%, 26%)
HSB
hsb(67, 90%, 48%)
CMYK
cmyk(10%, 0%, 90%, 52%)
Oklch
oklch(55.1% 0.123 116.5)

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

#73590F

Ochre · Olive · Amber Gold

HEX
#73590F
RGB
rgb(115, 89, 15)
HSL
hsl(44, 77%, 25%)
HSB
hsb(44, 87%, 45%)
CMYK
cmyk(0%, 23%, 87%, 55%)
Oklch
oklch(47.8% 0.092 87.3)

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

#B21526

Vermilion · FireBrick · Wine Red

HEX
#B21526
RGB
rgb(178, 21, 38)
HSL
hsl(354, 79%, 39%)
HSB
hsb(354, 88%, 70%)
CMYK
cmyk(0%, 88%, 79%, 30%)
Oklch
oklch(48.9% 0.187 23.7)

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

#C1224B

Vermilion · Crimson · Passion Red

HEX
#C1224B
RGB
rgb(193, 34, 75)
HSL
hsl(345, 70%, 45%)
HSB
hsb(345, 82%, 76%)
CMYK
cmyk(0%, 82%, 61%, 24%)
Oklch
oklch(53.1% 0.192 13.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A48F10
1026A2

Analogous

A24310
A48F10
6FA210

Triadic

A48F10
10A28C
8C10A2

Split-Comp.

A48F10
106FA2
4310A2

Tetradic

A48F10
10A243
1026A2
A2106F

Contrast Matrix WCAG 2.1 Contrast

A48F10
6E7A0C
73590F
B21526
C1224B
—
1.5
Fail
2.1
Fail
2.2
Fail
1.8
Fail
1.5
Fail
—
1.4
Fail
1.5
Fail
1.2
Fail
2.1
Fail
1.4
Fail
—
1.0
Fail
1.1
Fail
2.2
Fail
1.5
Fail
1.0
Fail
—
1.2
Fail
1.8
Fail
1.2
Fail
1.1
Fail
1.2
Fail
—
White BG
3.2AA Large
4.7AA
6.6AA
6.9AA
5.8AA
Black BG
6.5AA
4.5AA Large
3.2AA Large
3.0AA Large
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9B2F
737327
686821
6E6D22
7C7B41

Deuteranopia

9C9E36
73722D
696B25
778321
85913F

Tritanopia

A3474C
6F3C40
722F32
AA1F1E
B93938

Achromatopsia

878787
6A6A6A
585858
464646
565656

Shades & Tints Shades & Tints

#A48F10

Dark
Light

#6E7A0C

Dark
Light

#73590F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a48f10;
  --color-2: #6e7a0c;
  --color-3: #73590f;
  --color-4: #b21526;
  --color-5: #c1224b;
}

SCSS

$color-1: #a48f10;
$color-2: #6e7a0c;
$color-3: #73590f;
$color-4: #b21526;
$color-5: #c1224b;

TAILWIND

colors: {
  'brand-1': '#a48f10',
  'brand-2': '#6e7a0c',
  'brand-3': '#73590f',
  'brand-4': '#b21526',
  'brand-5': '#c1224b',
}

RGB Array

[164, 143, 16], [110, 122, 12], [115, 89, 15], [178, 21, 38], [193, 34, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #A48F10, #6E7A0C, #73590F, #B21526, #C1224B is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #a48f10; --color-2: #6e7a0c; --color-3: #73590f; --color-4: #b21526; --color-5: #c1224b. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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