← Back to Editor

#A5BFB2 · #9B865B · #C86339 · #F23748 · #59262F

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlogData Visualization

Color Details Color Details

#A5BFB2

Jade · DarkGray · Apple Green

HEX
#A5BFB2
RGB
rgb(165, 191, 178)
HSL
hsl(150, 17%, 70%)
HSB
hsb(150, 14%, 75%)
CMYK
cmyk(14%, 0%, 7%, 25%)
Oklch
oklch(78.1% 0.034 164.0)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#9B865B

Ochre · Gray · Honey Gold

HEX
#9B865B
RGB
rgb(155, 134, 91)
HSL
hsl(40, 26%, 48%)
HSB
hsb(40, 41%, 61%)
CMYK
cmyk(0%, 14%, 41%, 39%)
Oklch
oklch(62.9% 0.065 84.6)

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

#C86339

Tangerine · Chocolate · Amber Brown

HEX
#C86339
RGB
rgb(200, 99, 57)
HSL
hsl(18, 57%, 50%)
HSB
hsb(18, 72%, 78%)
CMYK
cmyk(0%, 51%, 72%, 22%)
Oklch
oklch(61.3% 0.141 42.1)

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

#F23748

Vermilion · Crimson · Passion Red

HEX
#F23748
RGB
rgb(242, 55, 72)
HSL
hsl(355, 88%, 58%)
HSB
hsb(355, 77%, 95%)
CMYK
cmyk(0%, 77%, 70%, 5%)
Oklch
oklch(63.2% 0.221 22.0)

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

#59262F

Crimson · DarkSlateGray · Wine Red

HEX
#59262F
RGB
rgb(89, 38, 47)
HSL
hsl(349, 40%, 25%)
HSB
hsb(349, 57%, 35%)
CMYK
cmyk(0%, 57%, 47%, 65%)
Oklch
oklch(34.3% 0.076 10.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A5BFB2
C0A5B3

Analogous

A5C0A5
A5BFB2
A5C0C0

Triadic

A5BFB2
B3A5C0
C0B3A5

Split-Comp.

A5BFB2
C0A5C0
C0A5A5

Tetradic

A5BFB2
A5A5C0
C0A5B3
C0C0A5

Contrast Matrix WCAG 2.1 Contrast

A5BFB2
9B865B
C86339
F23748
59262F
—
1.8
Fail
2.0
Fail
2.0
Fail
6.1
AA
1.8
Fail
—
1.1
Fail
1.1
Fail
3.4
AA Large
2.0
Fail
1.1
Fail
—
1.0
Fail
3.0
AA Large
2.0
Fail
1.1
Fail
1.0
Fail
—
3.1
AA Large
6.1
AA
3.4
AA Large
3.0
AA Large
3.1
AA Large
—
White BG
2.0Fail
3.5AA Large
4.0AA Large
3.9AA Large
12.0AAA
Black BG
10.7AAA
6.0AA
5.3AA
5.4AA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B0B5
929265
9C9B43
A19F44
43422D

Deuteranopia

AFADB6
939568
A2AA46
ACBA43
464A2C

Tritanopia

A6B8B8
9A6E6F
C34B4D
E94140
562B2B

Achromatopsia

B6B6B6
878787
7C7C7C
717171
363636

Shades & Tints Shades & Tints

#A5BFB2

Dark
Light

#9B865B

Dark
Light

#C86339

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a5bfb2;
  --color-2: #9b865b;
  --color-3: #c86339;
  --color-4: #f23748;
  --color-5: #59262f;
}

SCSS

$color-1: #a5bfb2;
$color-2: #9b865b;
$color-3: #c86339;
$color-4: #f23748;
$color-5: #59262f;

TAILWIND

colors: {
  'brand-1': '#a5bfb2',
  'brand-2': '#9b865b',
  'brand-3': '#c86339',
  'brand-4': '#f23748',
  'brand-5': '#59262f',
}

RGB Array

[165, 191, 178], [155, 134, 91], [200, 99, 57], [242, 55, 72], [89, 38, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #A5BFB2, #9B865B, #C86339, #F23748, #59262F is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a5bfb2; --color-2: #9b865b; --color-3: #c86339; --color-4: #f23748; --color-5: #59262f. 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 tech, SaaS, healthcare, eco industries. 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