← Back to Editor

#1C0000 · #7A0402 · #7F3D1B · #AB652C · #EDB75D

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

#1C0000

Vermilion · Black · Deep Berry

HEX
#1C0000
RGB
rgb(28, 0, 0)
HSL
hsl(0, 100%, 5%)
HSB
hsb(0, 100%, 11%)
CMYK
cmyk(0%, 100%, 100%, 89%)
Oklch
oklch(14.2% 0.058 29.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#7A0402

Vermilion · Maroon · Wine Red

HEX
#7A0402
RGB
rgb(122, 4, 2)
HSL
hsl(1, 97%, 24%)
HSB
hsb(1, 98%, 48%)
CMYK
cmyk(0%, 97%, 98%, 52%)
Oklch
oklch(36.6% 0.147 29.3)

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

#7F3D1B

Tangerine · Sienna · Amber Brown

HEX
#7F3D1B
RGB
rgb(127, 61, 27)
HSL
hsl(20, 65%, 30%)
HSB
hsb(20, 79%, 50%)
CMYK
cmyk(0%, 52%, 79%, 50%)
Oklch
oklch(43.9% 0.102 45.5)

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

#AB652C

Tangerine · Sienna · Amber Brown

HEX
#AB652C
RGB
rgb(171, 101, 44)
HSL
hsl(27, 59%, 42%)
HSB
hsb(27, 74%, 67%)
CMYK
cmyk(0%, 41%, 74%, 33%)
Oklch
oklch(57.5% 0.115 56.6)

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

#EDB75D

Ginger · SandyBrown · Warm Sun

HEX
#EDB75D
RGB
rgb(237, 183, 93)
HSL
hsl(38, 80%, 65%)
HSB
hsb(38, 61%, 93%)
CMYK
cmyk(0%, 23%, 61%, 7%)
Oklch
oklch(81.1% 0.124 78.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C0000
001A1A

Analogous

1A000D
1C0000
1A0D00

Triadic

1C0000
001A00
00001A

Split-Comp.

1C0000
001A0D
000D1A

Tetradic

1C0000
0D1A00
001A1A
0D001A

Contrast Matrix WCAG 2.1 Contrast

1C0000
7A0402
7F3D1B
AB652C
EDB75D
—
1.8
Fail
2.5
Fail
4.4
AA Large
11.0
AAA
1.8
Fail
—
1.4
Fail
2.5
Fail
6.2
AA
2.5
Fail
1.4
Fail
—
1.8
Fail
4.5
AA Large
4.4
AA Large
2.5
Fail
1.8
Fail
—
2.5
Fail
11.0
AAA
6.2
AA
4.5
AA Large
2.5
Fail
—
White BG
20.0AAA
11.4AAA
8.1AAA
4.5AA
1.8Fail
Black BG
1.0Fail
1.8Fail
2.6Fail
4.6AA
11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

101000
474602
626223
8D8C3A
D6D573

Deuteranopia

121400
4E5703
666B25
91963D
D9DD78

Tritanopia

1B0000
740303
7C2A2B
A84547
EA8488

Achromatopsia

080808
272727
4D4D4D
737373
BDBDBD

Shades & Tints Shades & Tints

#1C0000

Dark
Light

#7A0402

Dark
Light

#7F3D1B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c0000;
  --color-2: #7a0402;
  --color-3: #7f3d1b;
  --color-4: #ab652c;
  --color-5: #edb75d;
}

SCSS

$color-1: #1c0000;
$color-2: #7a0402;
$color-3: #7f3d1b;
$color-4: #ab652c;
$color-5: #edb75d;

TAILWIND

colors: {
  'brand-1': '#1c0000',
  'brand-2': '#7a0402',
  'brand-3': '#7f3d1b',
  'brand-4': '#ab652c',
  'brand-5': '#edb75d',
}

RGB Array

[28, 0, 0], [122, 4, 2], [127, 61, 27], [171, 101, 44], [237, 183, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #1C0000, #7A0402, #7F3D1B, #AB652C, #EDB75D is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #1c0000; --color-2: #7a0402; --color-3: #7f3d1b; --color-4: #ab652c; --color-5: #edb75d. 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. 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