← Back to Editor

#262245 · #595B48 · #EDF2C4 · #4B806E · #0D4330

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlogData Visualization

Color Details Color Details

#262245

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#262245
RGB
rgb(38, 34, 69)
HSL
hsl(247, 34%, 20%)
HSB
hsb(247, 51%, 27%)
CMYK
cmyk(45%, 51%, 0%, 73%)
Oklch
oklch(27.6% 0.063 286.7)

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

#595B48

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#595B48
RGB
rgb(89, 91, 72)
HSL
hsl(66, 12%, 32%)
HSB
hsb(66, 21%, 36%)
CMYK
cmyk(2%, 0%, 21%, 64%)
Oklch
oklch(46.4% 0.030 112.4)

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

#EDF2C4

Fresh Green · Bisque · Lemon Cream

HEX
#EDF2C4
RGB
rgb(237, 242, 196)
HSL
hsl(67, 64%, 86%)
HSB
hsb(67, 19%, 95%)
CMYK
cmyk(2%, 0%, 19%, 5%)
Oklch
oklch(94.6% 0.060 112.6)

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

#4B806E

Mineral Blue · DimGray · Mint Ice

HEX
#4B806E
RGB
rgb(75, 128, 110)
HSL
hsl(160, 26%, 40%)
HSB
hsb(160, 41%, 50%)
CMYK
cmyk(41%, 0%, 14%, 50%)
Oklch
oklch(55.7% 0.064 170.2)

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

#0D4330

Mineral Blue · DarkSlateGray · Dark Green

HEX
#0D4330
RGB
rgb(13, 67, 48)
HSL
hsl(159, 68%, 16%)
HSB
hsb(159, 81%, 26%)
CMYK
cmyk(81%, 0%, 28%, 74%)
Oklch
oklch(34.3% 0.065 164.8)

Traditional「Mineral Blue」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

262245
404422

Analogous

222F44
262245
372244

Triadic

262245
442622
224426

Split-Comp.

262245
443722
2F4422

Tetradic

262245
44222F
404422
224437

Contrast Matrix WCAG 2.1 Contrast

262245
595B48
EDF2C4
4B806E
0D4330
—
2.2
Fail
13.0
AAA
3.3
AA Large
1.3
Fail
2.2
Fail
—
6.0
AA
1.5
Fail
1.6
Fail
13.0
AAA
6.0
AA
—
3.9
AA Large
9.7
AAA
3.3
AA Large
1.5
Fail
3.9
AA Large
—
2.5
Fail
1.3
Fail
1.6
Fail
9.7
AAA
2.5
Fail
—
White BG
15.0AAA
7.0AA
1.2Fail
4.6AA
11.3AAA
Black BG
1.4Fail
3.0AA Large
18.1AAA
4.6AA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

24243D
5A5A4D
EFEFCF
626272
242535

Deuteranopia

25253B
5A5A4E
EFEED2
5F5B73
211D36

Tritanopia

263634
595051
EDD8DA
4E7677
103839

Achromatopsia

272727
585858
EBEBEB
6E6E6E
313131

Shades & Tints Shades & Tints

#262245

Dark
Light

#595B48

Dark
Light

#EDF2C4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #262245;
  --color-2: #595b48;
  --color-3: #edf2c4;
  --color-4: #4b806e;
  --color-5: #0d4330;
}

SCSS

$color-1: #262245;
$color-2: #595b48;
$color-3: #edf2c4;
$color-4: #4b806e;
$color-5: #0d4330;

TAILWIND

colors: {
  'brand-1': '#262245',
  'brand-2': '#595b48',
  'brand-3': '#edf2c4',
  'brand-4': '#4b806e',
  'brand-5': '#0d4330',
}

RGB Array

[38, 34, 69], [89, 91, 72], [237, 242, 196], [75, 128, 110], [13, 67, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #262245, #595B48, #EDF2C4, #4B806E, #0D4330 is ideal for: tech websites, dark mode UIs, game UIs, 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: #262245; --color-2: #595b48; --color-3: #edf2c4; --color-4: #4b806e; --color-5: #0d4330. 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 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