← Back to Editor

#010F00 · #2B4019 · #968420 · #E68944 · #EAA885

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#010F00

Pine Green · Black · Dark Green

HEX
#010F00
RGB
rgb(1, 15, 0)
HSL
hsl(116, 100%, 3%)
HSB
hsb(116, 100%, 6%)
CMYK
cmyk(93%, 0%, 100%, 94%)
Oklch
oklch(14.7% 0.048 140.6)

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

#2B4019

Celadon · DarkSlateGray · Dark Green

HEX
#2B4019
RGB
rgb(43, 64, 25)
HSL
hsl(92, 44%, 17%)
HSB
hsb(92, 61%, 25%)
CMYK
cmyk(33%, 0%, 61%, 75%)
Oklch
oklch(34.3% 0.067 132.4)

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

#968420

Autumn Sage · Olive · Honey Gold

HEX
#968420
RGB
rgb(150, 132, 32)
HSL
hsl(51, 65%, 36%)
HSB
hsb(51, 79%, 59%)
CMYK
cmyk(0%, 12%, 79%, 41%)
Oklch
oklch(61.2% 0.116 98.4)

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

#E68944

Tangerine · Coral · Warm Sun

HEX
#E68944
RGB
rgb(230, 137, 68)
HSL
hsl(26, 76%, 58%)
HSB
hsb(26, 70%, 90%)
CMYK
cmyk(0%, 40%, 70%, 10%)
Oklch
oklch(71.7% 0.141 54.6)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#EAA885

Apricot · BurlyWood · Warm Sun

HEX
#EAA885
RGB
rgb(234, 168, 133)
HSL
hsl(21, 71%, 72%)
HSB
hsb(21, 43%, 92%)
CMYK
cmyk(0%, 28%, 43%, 8%)
Oklch
oklch(78.6% 0.092 48.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

010F00
0E000F

Analogous

090F00
010F00
000F07

Triadic

010F00
00010F
0F0001

Split-Comp.

010F00
07000F
0F0009

Tetradic

010F00
00090F
0E000F
0F0700

Contrast Matrix WCAG 2.1 Contrast

010F00
2B4019
968420
E68944
EAA885
—
1.7
Fail
5.3
AA
7.5
AAA
9.8
AAA
1.7
Fail
—
3.0
AA Large
4.3
AA Large
5.6
AA
5.3
AA
3.0
AA Large
—
1.4
Fail
1.9
Fail
7.5
AAA
4.3
AA Large
1.4
Fail
—
1.3
Fail
9.8
AAA
5.6
AA
1.9
Fail
1.3
Fail
—
White BG
19.6AAA
11.4AAA
3.7AA Large
2.6Fail
2.0Fail
Black BG
1.1Fail
1.9Fail
5.6AA
8.0AAA
10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

070704
343422
8E8E38
BEBD55
CDCD8D

Deuteranopia

060505
333125
8F913E
C3CA59
D1D690

Tritanopia

020607
2C2A2C
954B50
E16265
E79496

Achromatopsia

090909
353535
7E7E7E
9D9D9D
B8B8B8

Shades & Tints Shades & Tints

#010F00

Dark
Light

#2B4019

Dark
Light

#968420

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #010f00;
  --color-2: #2b4019;
  --color-3: #968420;
  --color-4: #e68944;
  --color-5: #eaa885;
}

SCSS

$color-1: #010f00;
$color-2: #2b4019;
$color-3: #968420;
$color-4: #e68944;
$color-5: #eaa885;

TAILWIND

colors: {
  'brand-1': '#010f00',
  'brand-2': '#2b4019',
  'brand-3': '#968420',
  'brand-4': '#e68944',
  'brand-5': '#eaa885',
}

RGB Array

[1, 15, 0], [43, 64, 25], [150, 132, 32], [230, 137, 68], [234, 168, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #010F00, #2B4019, #968420, #E68944, #EAA885 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: #010f00; --color-2: #2b4019; --color-3: #968420; --color-4: #e68944; --color-5: #eaa885. 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 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