← Back to Editor

#BCC724 · #83B821 · #089C4A · #042130 · #065C50

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 App

Color Details Color Details

#BCC724

Autumn Sage · GoldenRod · Honey Gold

HEX
#BCC724
RGB
rgb(188, 199, 36)
HSL
hsl(64, 69%, 46%)
HSB
hsb(64, 82%, 78%)
CMYK
cmyk(6%, 0%, 82%, 22%)
Oklch
oklch(79.5% 0.170 113.8)

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

#83B821

Grass Green · Olive · Olive Green

HEX
#83B821
RGB
rgb(131, 184, 33)
HSL
hsl(81, 70%, 43%)
HSB
hsb(81, 82%, 72%)
CMYK
cmyk(29%, 0%, 82%, 28%)
Oklch
oklch(71.9% 0.178 128.2)

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

#089C4A

Pine Green · SeaGreen · Forest Green

HEX
#089C4A
RGB
rgb(8, 156, 74)
HSL
hsl(147, 90%, 32%)
HSB
hsb(147, 95%, 61%)
CMYK
cmyk(95%, 0%, 53%, 39%)
Oklch
oklch(60.7% 0.163 150.5)

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

#042130

Lake Blue · Black · Deep Sea Blue

HEX
#042130
RGB
rgb(4, 33, 48)
HSL
hsl(200, 85%, 10%)
HSB
hsb(200, 92%, 19%)
CMYK
cmyk(92%, 31%, 0%, 81%)
Oklch
oklch(23.5% 0.045 235.2)

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

#065C50

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#065C50
RGB
rgb(6, 92, 80)
HSL
hsl(172, 88%, 19%)
HSB
hsb(172, 93%, 36%)
CMYK
cmyk(93%, 0%, 13%, 64%)
Oklch
oklch(42.6% 0.076 179.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BCC724
2F24C6

Analogous

C68024
BCC724
6BC624

Triadic

BCC724
24BBC6
C624BB

Split-Comp.

BCC724
246BC6
8024C6

Tetradic

BCC724
24C680
2F24C6
C6246B

Contrast Matrix WCAG 2.1 Contrast

BCC724
83B821
089C4A
042130
065C50
—
1.3
Fail
1.9
Fail
9.0
AAA
4.3
AA Large
1.3
Fail
—
1.5
Fail
7.0
AA
3.3
AA Large
1.9
Fail
1.5
Fail
—
4.6
AA
2.2
Fail
9.0
AAA
7.0
AA
4.6
AA
—
2.1
Fail
4.3
AA Large
3.3
AA Large
2.2
Fail
2.1
Fail
—
White BG
1.9Fail
2.4Fail
3.6AA Large
16.6AAA
7.9AAA
Black BG
11.3AAA
8.8AAA
5.9AA
1.3Fail
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C14B
9A9A46
48495E
11112C
2B2C53

Deuteranopia

C0BF55
97934E
403463
0F0D2B
262054

Tritanopia

BD6B71
866269
0F6E71
052A29
0A5556

Achromatopsia

B1B1B1
979797
666666
1A1A1A
414141

Shades & Tints Shades & Tints

#BCC724

Dark
Light

#83B821

Dark
Light

#089C4A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bcc724;
  --color-2: #83b821;
  --color-3: #089c4a;
  --color-4: #042130;
  --color-5: #065c50;
}

SCSS

$color-1: #bcc724;
$color-2: #83b821;
$color-3: #089c4a;
$color-4: #042130;
$color-5: #065c50;

TAILWIND

colors: {
  'brand-1': '#bcc724',
  'brand-2': '#83b821',
  'brand-3': '#089c4a',
  'brand-4': '#042130',
  'brand-5': '#065c50',
}

RGB Array

[188, 199, 36], [131, 184, 33], [8, 156, 74], [4, 33, 48], [6, 92, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #BCC724, #83B821, #089C4A, #042130, #065C50 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #bcc724; --color-2: #83b821; --color-3: #089c4a; --color-4: #042130; --color-5: #065c50. 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. 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