← Back to Editor

#020A01 · #4A6B40 · #F0E278 · #F5EBA4 · #91B58B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#020A01

Pine Green · Black · Dark Green

HEX
#020A01
RGB
rgb(2, 10, 1)
HSL
hsl(113, 82%, 2%)
HSB
hsb(113, 90%, 4%)
CMYK
cmyk(80%, 0%, 90%, 96%)
Oklch
oklch(12.9% 0.034 139.7)

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

#4A6B40

Celadon · DarkOliveGreen · Forest Green

HEX
#4A6B40
RGB
rgb(74, 107, 64)
HSL
hsl(106, 25%, 34%)
HSB
hsb(106, 40%, 42%)
CMYK
cmyk(31%, 0%, 40%, 58%)
Oklch
oklch(49.1% 0.076 138.6)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#F0E278

Fresh Green · Khaki · Sunflower

HEX
#F0E278
RGB
rgb(240, 226, 120)
HSL
hsl(53, 80%, 71%)
HSB
hsb(53, 50%, 94%)
CMYK
cmyk(0%, 6%, 50%, 6%)
Oklch
oklch(90.3% 0.128 101.8)

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

#F5EBA4

Fresh Green · Wheat · Lemon Cream

HEX
#F5EBA4
RGB
rgb(245, 235, 164)
HSL
hsl(53, 80%, 80%)
HSB
hsb(53, 33%, 96%)
CMYK
cmyk(0%, 4%, 33%, 4%)
Oklch
oklch(93.2% 0.090 101.1)

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

#91B58B

Celadon · DarkSeaGreen · Apple Green

HEX
#91B58B
RGB
rgb(145, 181, 139)
HSL
hsl(111, 22%, 63%)
HSB
hsb(111, 23%, 71%)
CMYK
cmyk(20%, 0%, 23%, 29%)
Oklch
oklch(73.5% 0.071 141.1)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

020A01
080109

Analogous

060901
020A01
010904

Triadic

020A01
010209
090102

Split-Comp.

020A01
040109
090106

Tetradic

020A01
010609
080109
090401

Contrast Matrix WCAG 2.1 Contrast

020A01
4A6B40
F0E278
F5EBA4
91B58B
—
3.3
AA Large
15.2
AAA
16.5
AAA
8.8
AAA
3.3
AA Large
—
4.6
AA
5.0
AA
2.6
Fail
15.2
AAA
4.6
AA
—
1.1
Fail
1.7
Fail
16.5
AAA
5.0
AA
1.1
Fail
—
1.9
Fail
8.8
AAA
2.6
Fail
1.7
Fail
1.9
Fail
—
White BG
20.1AAA
6.1AA
1.3Fail
1.2Fail
2.3Fail
Black BG
1.0Fail
3.5AA Large
15.9AAA
17.3AAA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

050603
58594A
EAEA92
F1F1B5
A1A195

Deuteranopia

050404
56544D
EBEC98
F1F2B9
9F9C98

Tritanopia

020505
4C5354
EFA6AA
F5C3C6
939D9F

Achromatopsia

070707
5C5C5C
DADADA
E6E6E6
A5A5A5

Shades & Tints Shades & Tints

#020A01

Dark
Light

#4A6B40

Dark
Light

#F0E278

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #020a01;
  --color-2: #4a6b40;
  --color-3: #f0e278;
  --color-4: #f5eba4;
  --color-5: #91b58b;
}

SCSS

$color-1: #020a01;
$color-2: #4a6b40;
$color-3: #f0e278;
$color-4: #f5eba4;
$color-5: #91b58b;

TAILWIND

colors: {
  'brand-1': '#020a01',
  'brand-2': '#4a6b40',
  'brand-3': '#f0e278',
  'brand-4': '#f5eba4',
  'brand-5': '#91b58b',
}

RGB Array

[2, 10, 1], [74, 107, 64], [240, 226, 120], [245, 235, 164], [145, 181, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #020A01, #4A6B40, #F0E278, #F5EBA4, #91B58B 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: #020a01; --color-2: #4a6b40; --color-3: #f0e278; --color-4: #f5eba4; --color-5: #91b58b. 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 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