← Back to Editor

#0F4209 · #E7E6FF · #86D136 · #0D0B42 · #F7F3C8

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#0F4209

Pine Green · DarkGreen · Dark Green

HEX
#0F4209
RGB
rgb(15, 66, 9)
HSL
hsl(114, 76%, 15%)
HSB
hsb(114, 86%, 26%)
CMYK
cmyk(77%, 0%, 86%, 74%)
Oklch
oklch(33.3% 0.100 141.6)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#E7E6FF

Wisteria · Lavender · Sky Blue

HEX
#E7E6FF
RGB
rgb(231, 230, 255)
HSL
hsl(242, 100%, 95%)
HSB
hsb(242, 10%, 100%)
CMYK
cmyk(9%, 10%, 0%, 0%)
Oklch
oklch(93.3% 0.034 287.6)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#86D136

Grass Green · GreenYellow · Olive Green

HEX
#86D136
RGB
rgb(134, 209, 54)
HSL
hsl(89, 63%, 52%)
HSB
hsb(89, 74%, 82%)
CMYK
cmyk(36%, 0%, 74%, 18%)
Oklch
oklch(78.3% 0.196 132.3)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#0D0B42

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#0D0B42
RGB
rgb(13, 11, 66)
HSL
hsl(242, 71%, 15%)
HSB
hsb(242, 83%, 26%)
CMYK
cmyk(80%, 83%, 0%, 74%)
Oklch
oklch(20.2% 0.099 274.6)

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

#F7F3C8

Fresh Green · Bisque · Lemon Cream

HEX
#F7F3C8
RGB
rgb(247, 243, 200)
HSL
hsl(55, 75%, 88%)
HSB
hsb(55, 19%, 97%)
CMYK
cmyk(0%, 2%, 19%, 3%)
Oklch
oklch(95.7% 0.056 103.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0F4209
3E0943

Analogous

2C4309
0F4209
094320

Triadic

0F4209
090F43
43090F

Split-Comp.

0F4209
200943
43092C

Tetradic

0F4209
092C43
3E0943
432009

Contrast Matrix WCAG 2.1 Contrast

0F4209
E7E6FF
86D136
0D0B42
F7F3C8
—
9.5
AAA
6.2
AA
1.6
Fail
10.3
AAA
9.5
AAA
—
1.5
Fail
15.0
AAA
1.1
Fail
6.2
AA
1.5
Fail
—
9.8
AAA
1.7
Fail
1.6
Fail
15.0
AAA
9.8
AAA
—
16.3
AAA
10.3
AAA
1.1
Fail
1.7
Fail
16.3
AAA
—
White BG
11.6AAA
1.2Fail
1.9Fail
18.4AAA
1.1Fail
Black BG
1.8Fail
17.2AAA
11.2AAA
1.1Fail
18.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

252617
E7E7F9
A6A75C
0C0C35
F5F5D2

Deuteranopia

221E1A
E7E7F8
A29D65
0C0C31
F6F6D5

Tritanopia

122224
E7F4F3
8A7980
0D2A28
F7DBDC

Achromatopsia

2C2C2C
E9E9E9
A9A9A9
121212
EFEFEF

Shades & Tints Shades & Tints

#0F4209

Dark
Light

#E7E6FF

Dark
Light

#86D136

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0f4209;
  --color-2: #e7e6ff;
  --color-3: #86d136;
  --color-4: #0d0b42;
  --color-5: #f7f3c8;
}

SCSS

$color-1: #0f4209;
$color-2: #e7e6ff;
$color-3: #86d136;
$color-4: #0d0b42;
$color-5: #f7f3c8;

TAILWIND

colors: {
  'brand-1': '#0f4209',
  'brand-2': '#e7e6ff',
  'brand-3': '#86d136',
  'brand-4': '#0d0b42',
  'brand-5': '#f7f3c8',
}

RGB Array

[15, 66, 9], [231, 230, 255], [134, 209, 54], [13, 11, 66], [247, 243, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0F4209, #E7E6FF, #86D136, #0D0B42, #F7F3C8 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #0f4209; --color-2: #e7e6ff; --color-3: #86d136; --color-4: #0d0b42; --color-5: #f7f3c8. 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 general-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