← Back to Editor

#0A835B · #B48C0E · #FA463C · #EB1450 · #000000

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

#0A835B

Mineral Blue · SeaGreen · Mint Ice

HEX
#0A835B
RGB
rgb(10, 131, 91)
HSL
hsl(160, 86%, 28%)
HSB
hsb(160, 92%, 51%)
CMYK
cmyk(92%, 0%, 31%, 49%)
Oklch
oklch(54.1% 0.115 162.9)

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

#B48C0E

Ochre · DarkGoldenRod · Honey Gold

HEX
#B48C0E
RGB
rgb(180, 140, 14)
HSL
hsl(46, 86%, 38%)
HSB
hsb(46, 92%, 71%)
CMYK
cmyk(0%, 22%, 92%, 29%)
Oklch
oklch(66.0% 0.132 87.7)

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

#FA463C

Peach Pink · Tomato · Coral Red

HEX
#FA463C
RGB
rgb(250, 70, 60)
HSL
hsl(3, 95%, 61%)
HSB
hsb(3, 76%, 98%)
CMYK
cmyk(0%, 72%, 76%, 2%)
Oklch
oklch(65.6% 0.218 28.0)

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

#EB1450

Dark Violet · Crimson · Camellia

HEX
#EB1450
RGB
rgb(235, 20, 80)
HSL
hsl(343, 84%, 50%)
HSB
hsb(343, 91%, 92%)
CMYK
cmyk(0%, 91%, 66%, 8%)
Oklch
oklch(60.2% 0.234 15.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0A835B
850A33

Analogous

0A851E
0A835B
0A7085

Triadic

0A835B
5C0A85
855C0A

Split-Comp.

0A835B
850A70
851E0A

Tetradic

0A835B
1E0A85
850A33
70850A

Contrast Matrix WCAG 2.1 Contrast

0A835B
B48C0E
FA463C
EB1450
000000
—
1.5
Fail
1.4
Fail
1.1
Fail
4.4
AA Large
1.5
Fail
—
1.1
Fail
1.4
Fail
6.7
AA
1.4
Fail
1.1
Fail
—
1.3
Fail
6.0
AA
1.1
Fail
1.4
Fail
1.3
Fail
—
4.7
AA
4.4
AA Large
6.7
AA
6.0
AA
4.7
AA
—
White BG
4.8AA
3.1AA Large
3.5AA Large
4.4AA Large
21.0AAA
Black BG
4.4AA Large
6.7AA
6.0AA
4.7AA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3F65
A3A22C
ACAA3E
8E8C41
000000

Deuteranopia

372E67
A5A834
B7C43F
9AAB3E
000000

Tritanopia

106C6E
B2454A
F14041
E03634
000000

Achromatopsia

5A5A5A
8A8A8A
7B7B7B
5B5B5B
000000

Shades & Tints Shades & Tints

#0A835B

Dark
Light

#B48C0E

Dark
Light

#FA463C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0a835b;
  --color-2: #b48c0e;
  --color-3: #fa463c;
  --color-4: #eb1450;
  --color-5: #000000;
}

SCSS

$color-1: #0a835b;
$color-2: #b48c0e;
$color-3: #fa463c;
$color-4: #eb1450;
$color-5: #000000;

TAILWIND

colors: {
  'brand-1': '#0a835b',
  'brand-2': '#b48c0e',
  'brand-3': '#fa463c',
  'brand-4': '#eb1450',
  'brand-5': '#000000',
}

RGB Array

[10, 131, 91], [180, 140, 14], [250, 70, 60], [235, 20, 80], [0, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #0A835B, #B48C0E, #FA463C, #EB1450, #000000 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: #0a835b; --color-2: #b48c0e; --color-3: #fa463c; --color-4: #eb1450; --color-5: #000000. 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