← Back to Editor

#6D2044 · #EEE09F · #301540 · #160330 · #0B002B

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

#6D2044

Dark Violet · Brown · Camellia

HEX
#6D2044
RGB
rgb(109, 32, 68)
HSL
hsl(332, 55%, 28%)
HSB
hsb(332, 71%, 43%)
CMYK
cmyk(0%, 71%, 38%, 57%)
Oklch
oklch(37.6% 0.115 355.3)

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

#EEE09F

Goose Yellow · Khaki · Lemon Cream

HEX
#EEE09F
RGB
rgb(238, 224, 159)
HSL
hsl(49, 70%, 78%)
HSB
hsb(49, 33%, 93%)
CMYK
cmyk(0%, 6%, 33%, 7%)
Oklch
oklch(90.3% 0.084 97.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#301540

Royal Purple · MidnightBlue · Dark Purple

HEX
#301540
RGB
rgb(48, 21, 64)
HSL
hsl(278, 51%, 17%)
HSB
hsb(278, 67%, 25%)
CMYK
cmyk(25%, 67%, 0%, 75%)
Oklch
oklch(25.8% 0.082 310.9)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#160330

Deep Indigo · Black · Dark Purple

HEX
#160330
RGB
rgb(22, 3, 48)
HSL
hsl(265, 88%, 10%)
HSB
hsb(265, 94%, 19%)
CMYK
cmyk(54%, 94%, 0%, 81%)
Oklch
oklch(17.6% 0.084 296.9)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#0B002B

Deep Indigo · Black · Deep Sea Blue

HEX
#0B002B
RGB
rgb(11, 0, 43)
HSL
hsl(255, 100%, 8%)
HSB
hsb(255, 100%, 17%)
CMYK
cmyk(74%, 100%, 0%, 83%)
Oklch
oklch(14.6% 0.085 286.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6D2044
206F4A

Analogous

6F206C
6D2044
6F2320

Triadic

6D2044
456F20
20456F

Split-Comp.

6D2044
206F23
206C6F

Tetradic

6D2044
6C6F20
206F4A
23206F

Contrast Matrix WCAG 2.1 Contrast

6D2044
EEE09F
301540
160330
0B002B
—
8.1
AAA
1.5
Fail
1.8
Fail
1.8
Fail
8.1
AAA
—
12.1
AAA
14.5
AAA
15.1
AAA
1.5
Fail
12.1
AAA
—
1.2
Fail
1.2
Fail
1.8
Fail
14.5
AAA
1.2
Fail
—
1.0
Fail
1.8
Fail
15.1
AAA
1.2
Fail
1.0
Fail
—
White BG
10.8AAA
1.3Fail
16.1AAA
19.3AAA
20.0AAA
Black BG
1.9Fail
15.8AAA
1.3Fail
1.1Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4B3B
E8E8AF
242436
0E0E25
060621

Deuteranopia

505639
E9EAB3
262833
0F1022
07081E

Tritanopia

693433
EDBBBE
2F2D2C
151D1B
0A1817

Achromatopsia

3B3B3B
DDDDDD
222222
0E0E0E
080808

Shades & Tints Shades & Tints

#6D2044

Dark
Light

#EEE09F

Dark
Light

#301540

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6d2044;
  --color-2: #eee09f;
  --color-3: #301540;
  --color-4: #160330;
  --color-5: #0b002b;
}

SCSS

$color-1: #6d2044;
$color-2: #eee09f;
$color-3: #301540;
$color-4: #160330;
$color-5: #0b002b;

TAILWIND

colors: {
  'brand-1': '#6d2044',
  'brand-2': '#eee09f',
  'brand-3': '#301540',
  'brand-4': '#160330',
  'brand-5': '#0b002b',
}

RGB Array

[109, 32, 68], [238, 224, 159], [48, 21, 64], [22, 3, 48], [11, 0, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #6D2044, #EEE09F, #301540, #160330, #0B002B 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: #6d2044; --color-2: #eee09f; --color-3: #301540; --color-4: #160330; --color-5: #0b002b. 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