← Back to Editor

#002D54 · #706C2D · #BCA50D · #B3AE88 · #DFDCAF

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlogData Visualization

Color Details Color Details

#002D54

Lake Blue · MidnightBlue · Deep Sea Blue

HEX
#002D54
RGB
rgb(0, 45, 84)
HSL
hsl(208, 100%, 16%)
HSB
hsb(208, 100%, 33%)
CMYK
cmyk(100%, 46%, 0%, 67%)
Oklch
oklch(29.3% 0.084 250.5)

Traditional「Lake Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#706C2D

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#706C2D
RGB
rgb(112, 108, 45)
HSL
hsl(56, 43%, 31%)
HSB
hsb(56, 60%, 44%)
CMYK
cmyk(0%, 4%, 60%, 56%)
Oklch
oklch(52.1% 0.084 105.6)

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

#BCA50D

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#BCA50D
RGB
rgb(188, 165, 13)
HSL
hsl(52, 87%, 39%)
HSB
hsb(52, 93%, 74%)
CMYK
cmyk(0%, 12%, 93%, 26%)
Oklch
oklch(72.0% 0.147 99.0)

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

#B3AE88

Fresh Green · Tan · Sunflower

HEX
#B3AE88
RGB
rgb(179, 174, 136)
HSL
hsl(53, 22%, 62%)
HSB
hsb(53, 24%, 70%)
CMYK
cmyk(0%, 3%, 24%, 30%)
Oklch
oklch(74.5% 0.052 101.3)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#DFDCAF

Fresh Green · Wheat · Lemon Cream

HEX
#DFDCAF
RGB
rgb(223, 220, 175)
HSL
hsl(56, 43%, 78%)
HSB
hsb(56, 22%, 87%)
CMYK
cmyk(0%, 1%, 22%, 13%)
Oklch
oklch(88.6% 0.059 104.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

002D54
522600

Analogous

00524F
002D54
000352

Triadic

002D54
52002C
2C5200

Split-Comp.

002D54
520003
524F00

Tetradic

002D54
4F0052
522600
035200

Contrast Matrix WCAG 2.1 Contrast

002D54
706C2D
BCA50D
B3AE88
DFDCAF
—
2.6
Fail
5.7
AA
6.2
AA
10.0
AAA
2.6
Fail
—
2.2
Fail
2.4
Fail
3.9
AA Large
5.7
AA
2.2
Fail
—
1.1
Fail
1.8
Fail
6.2
AA
2.4
Fail
1.1
Fail
—
1.6
Fail
10.0
AAA
3.9
AA Large
1.8
Fail
1.6
Fail
—
White BG
14.0AAA
5.4AA
2.5Fail
2.3Fail
1.4Fail
Black BG
1.5Fail
3.9AA Large
8.5AAA
9.3AAA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

13144B
6E6E3C
B2B232
B1B191
DEDEBA

Deuteranopia

110E48
6F6F40
B3B53B
B1B293
DEDEBD

Tritanopia

024341
70484B
BB4F55
B3989A
DFC2C4

Achromatopsia

242424
666666
9B9B9B
ABABAB
D8D8D8

Shades & Tints Shades & Tints

#002D54

Dark
Light

#706C2D

Dark
Light

#BCA50D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #002d54;
  --color-2: #706c2d;
  --color-3: #bca50d;
  --color-4: #b3ae88;
  --color-5: #dfdcaf;
}

SCSS

$color-1: #002d54;
$color-2: #706c2d;
$color-3: #bca50d;
$color-4: #b3ae88;
$color-5: #dfdcaf;

TAILWIND

colors: {
  'brand-1': '#002d54',
  'brand-2': '#706c2d',
  'brand-3': '#bca50d',
  'brand-4': '#b3ae88',
  'brand-5': '#dfdcaf',
}

RGB Array

[0, 45, 84], [112, 108, 45], [188, 165, 13], [179, 174, 136], [223, 220, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #002D54, #706C2D, #BCA50D, #B3AE88, #DFDCAF 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: #002d54; --color-2: #706c2d; --color-3: #bca50d; --color-4: #b3ae88; --color-5: #dfdcaf. 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