← Back to Editor

#2F4808 · #97B40B · #D0D164 · #04492F · #09121D

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#2F4808

Grass Green · DarkGreen · Dark Green

HEX
#2F4808
RGB
rgb(47, 72, 8)
HSL
hsl(83, 80%, 16%)
HSB
hsb(83, 89%, 28%)
CMYK
cmyk(35%, 0%, 89%, 72%)
Oklch
oklch(36.8% 0.092 129.5)

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

#97B40B

Grass Green · DarkGoldenRod · Forest Green

HEX
#97B40B
RGB
rgb(151, 180, 11)
HSL
hsl(70, 88%, 37%)
HSB
hsb(70, 94%, 71%)
CMYK
cmyk(16%, 0%, 94%, 29%)
Oklch
oklch(72.2% 0.171 120.7)

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

#D0D164

Fresh Green · BurlyWood · Sunflower

HEX
#D0D164
RGB
rgb(208, 209, 100)
HSL
hsl(61, 54%, 61%)
HSB
hsb(61, 52%, 82%)
CMYK
cmyk(0%, 0%, 52%, 18%)
Oklch
oklch(83.8% 0.132 109.4)

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

#04492F

Mineral Blue · DarkSlateGray · Dark Green

HEX
#04492F
RGB
rgb(4, 73, 47)
HSL
hsl(157, 90%, 15%)
HSB
hsb(157, 95%, 29%)
CMYK
cmyk(95%, 0%, 36%, 71%)
Oklch
oklch(35.9% 0.078 160.9)

Traditional「Mineral Blue」· Paint「Dark Green」· Creative Blush Sunrise

#09121D

Indigo · Black · Deep Sea Blue

HEX
#09121D
RGB
rgb(9, 18, 29)
HSL
hsl(213, 53%, 7%)
HSB
hsb(213, 69%, 11%)
CMYK
cmyk(69%, 38%, 0%, 89%)
Oklch
oklch(17.9% 0.027 254.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2F4808
210849

Analogous

494208
2F4808
104908

Triadic

2F4808
083049
490830

Split-Comp.

2F4808
081049
420849

Tetradic

2F4808
084942
210849
490810

Contrast Matrix WCAG 2.1 Contrast

2F4808
97B40B
D0D164
04492F
09121D
—
4.3
AA Large
6.3
AA
1.0
Fail
1.8
Fail
4.3
AA Large
—
1.5
Fail
4.4
AA Large
7.9
AAA
6.3
AA
1.5
Fail
—
6.5
AA
11.6
AAA
1.0
Fail
4.4
AA Large
6.5
AA
—
1.8
Fail
1.8
Fail
7.9
AAA
11.6
AAA
1.8
Fail
—
White BG
10.2AAA
2.4Fail
1.6Fail
10.5AAA
18.8AAA
Black BG
2.1Fail
8.8AAA
13.0AAA
2.0Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3A3A17
A4A434
D0D07E
222235
0D0D1A

Deuteranopia

38371B
A2A03E
D0D085
1E1937
0C0C1A

Tritanopia

302426
98545B
D09398
073A3B
091818

Achromatopsia

393939
989898
C4C4C4
313131
111111

Shades & Tints Shades & Tints

#2F4808

Dark
Light

#97B40B

Dark
Light

#D0D164

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2f4808;
  --color-2: #97b40b;
  --color-3: #d0d164;
  --color-4: #04492f;
  --color-5: #09121d;
}

SCSS

$color-1: #2f4808;
$color-2: #97b40b;
$color-3: #d0d164;
$color-4: #04492f;
$color-5: #09121d;

TAILWIND

colors: {
  'brand-1': '#2f4808',
  'brand-2': '#97b40b',
  'brand-3': '#d0d164',
  'brand-4': '#04492f',
  'brand-5': '#09121d',
}

RGB Array

[47, 72, 8], [151, 180, 11], [208, 209, 100], [4, 73, 47], [9, 18, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #2F4808, #97B40B, #D0D164, #04492F, #09121D 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: #2f4808; --color-2: #97b40b; --color-3: #d0d164; --color-4: #04492f; --color-5: #09121d. 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 warm-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