← Back to Editor

#060F02 · #113E02 · #25680A · #A97E16 · #E9DE9A

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

#060F02

Pine Green · Black · Dark Green

HEX
#060F02
RGB
rgb(6, 15, 2)
HSL
hsl(102, 76%, 3%)
HSB
hsb(102, 87%, 6%)
CMYK
cmyk(60%, 0%, 87%, 94%)
Oklch
oklch(15.4% 0.035 134.1)

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

#113E02

Pine Green · DarkGreen · Dark Green

HEX
#113E02
RGB
rgb(17, 62, 2)
HSL
hsl(105, 94%, 13%)
HSB
hsb(105, 97%, 24%)
CMYK
cmyk(73%, 0%, 97%, 76%)
Oklch
oklch(32.0% 0.099 139.4)

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

#25680A

Pine Green · DarkGreen · Forest Green

HEX
#25680A
RGB
rgb(37, 104, 10)
HSL
hsl(103, 82%, 22%)
HSB
hsb(103, 90%, 41%)
CMYK
cmyk(64%, 0%, 90%, 59%)
Oklch
oklch(45.7% 0.138 139.2)

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

#A97E16

Ochre · DarkGoldenRod · Honey Gold

HEX
#A97E16
RGB
rgb(169, 126, 22)
HSL
hsl(42, 77%, 37%)
HSB
hsb(42, 87%, 66%)
CMYK
cmyk(0%, 25%, 87%, 34%)
Oklch
oklch(61.9% 0.121 83.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#E9DE9A

Fresh Green · Khaki · Lemon Cream

HEX
#E9DE9A
RGB
rgb(233, 222, 154)
HSL
hsl(52, 64%, 76%)
HSB
hsb(52, 34%, 91%)
CMYK
cmyk(0%, 5%, 34%, 9%)
Oklch
oklch(89.4% 0.088 100.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

060F02
0A020D

Analogous

0B0D02
060F02
020D04

Triadic

060F02
02050D
0D0205

Split-Comp.

060F02
04020D
0D020B

Tetradic

060F02
020B0D
0A020D
0D0402

Contrast Matrix WCAG 2.1 Contrast

060F02
113E02
25680A
A97E16
E9DE9A
—
1.6
Fail
2.8
Fail
5.3
AA
14.3
AAA
1.6
Fail
—
1.8
Fail
3.3
AA Large
9.0
AAA
2.8
Fail
1.8
Fail
—
1.9
Fail
5.0
AA
5.3
AA
3.3
AA Large
1.9
Fail
—
2.7
Fail
14.3
AAA
9.0
AAA
5.0
AA
2.7
Fail
—
White BG
19.5AAA
12.3AAA
6.9AA
3.7AA Large
1.4Fail
Black BG
1.1Fail
1.7Fail
3.1AA Large
5.7AA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0A0A05
242511
424321
96962F
E4E4AA

Deuteranopia

090906
221E14
3E3926
999C35
E5E6AE

Tritanopia

060808
131C1F
283337
A74347
E8B7BA

Achromatopsia

0B0B0B
2A2A2A
494949
7F7F7F
DADADA

Shades & Tints Shades & Tints

#060F02

Dark
Light

#113E02

Dark
Light

#25680A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #060f02;
  --color-2: #113e02;
  --color-3: #25680a;
  --color-4: #a97e16;
  --color-5: #e9de9a;
}

SCSS

$color-1: #060f02;
$color-2: #113e02;
$color-3: #25680a;
$color-4: #a97e16;
$color-5: #e9de9a;

TAILWIND

colors: {
  'brand-1': '#060f02',
  'brand-2': '#113e02',
  'brand-3': '#25680a',
  'brand-4': '#a97e16',
  'brand-5': '#e9de9a',
}

RGB Array

[6, 15, 2], [17, 62, 2], [37, 104, 10], [169, 126, 22], [233, 222, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #060F02, #113E02, #25680A, #A97E16, #E9DE9A 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: #060f02; --color-2: #113e02; --color-3: #25680a; --color-4: #a97e16; --color-5: #e9de9a. 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