← Back to Editor

#01BA9B · #D4D307 · #EEEC6C · #336E64 · #7F7939

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#01BA9B

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#01BA9B
RGB
rgb(1, 186, 155)
HSL
hsl(170, 99%, 37%)
HSB
hsb(170, 99%, 73%)
CMYK
cmyk(99%, 0%, 17%, 27%)
Oklch
oklch(70.4% 0.133 175.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#D4D307

Autumn Sage · Gold · Honey Gold

HEX
#D4D307
RGB
rgb(212, 211, 7)
HSL
hsl(60, 94%, 43%)
HSB
hsb(60, 97%, 83%)
CMYK
cmyk(0%, 0%, 97%, 17%)
Oklch
oklch(84.0% 0.182 109.4)

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

#EEEC6C

Fresh Green · Khaki · Sunflower

HEX
#EEEC6C
RGB
rgb(238, 236, 108)
HSL
hsl(59, 79%, 68%)
HSB
hsb(59, 55%, 93%)
CMYK
cmyk(0%, 1%, 55%, 7%)
Oklch
oklch(92.0% 0.150 108.2)

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

#336E64

Mineral Blue · SeaGreen · Mint Ice

HEX
#336E64
RGB
rgb(51, 110, 100)
HSL
hsl(170, 37%, 32%)
HSB
hsb(170, 54%, 43%)
CMYK
cmyk(54%, 0%, 9%, 57%)
Oklch
oklch(49.6% 0.064 181.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#7F7939

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#7F7939
RGB
rgb(127, 121, 57)
HSL
hsl(55, 38%, 36%)
HSB
hsb(55, 55%, 50%)
CMYK
cmyk(0%, 5%, 55%, 50%)
Oklch
oklch(56.7% 0.086 103.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

01BA9B
BC0120

Analogous

01BC3F
01BA9B
017DBC

Triadic

01BA9B
9D01BC
BC9D01

Split-Comp.

01BA9B
BC017D
BC3F01

Tetradic

01BA9B
3F01BC
BC0120
7DBC01

Contrast Matrix WCAG 2.1 Contrast

01BA9B
D4D307
EEEC6C
336E64
7F7939
—
1.5
Fail
2.0
Fail
2.4
Fail
1.8
Fail
1.5
Fail
—
1.3
Fail
3.7
AA Large
2.8
Fail
2.0
Fail
1.3
Fail
—
4.7
AA
3.6
AA Large
2.4
Fail
3.7
AA Large
4.7
AA
—
1.3
Fail
1.8
Fail
2.8
Fail
3.6
AA Large
1.3
Fail
—
White BG
2.5Fail
1.6Fail
1.2Fail
5.9AA
4.5AA Large
Black BG
8.5AAA
13.1AAA
16.9AAA
3.6AA Large
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5153A3
D4D438
EDED8B
4D4D66
7C7C48

Deuteranopia

4639A4
D4D444
EDED92
494567
7D7D4C

Tritanopia

0AA8AA
D45F68
EEA3A9
366869
7F5557

Achromatopsia

7F7F7F
BCBCBC
DEDEDE
5B5B5B
737373

Shades & Tints Shades & Tints

#01BA9B

Dark
Light

#D4D307

Dark
Light

#EEEC6C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #01ba9b;
  --color-2: #d4d307;
  --color-3: #eeec6c;
  --color-4: #336e64;
  --color-5: #7f7939;
}

SCSS

$color-1: #01ba9b;
$color-2: #d4d307;
$color-3: #eeec6c;
$color-4: #336e64;
$color-5: #7f7939;

TAILWIND

colors: {
  'brand-1': '#01ba9b',
  'brand-2': '#d4d307',
  'brand-3': '#eeec6c',
  'brand-4': '#336e64',
  'brand-5': '#7f7939',
}

RGB Array

[1, 186, 155], [212, 211, 7], [238, 236, 108], [51, 110, 100], [127, 121, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #01BA9B, #D4D307, #EEEC6C, #336E64, #7F7939 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #01ba9b; --color-2: #d4d307; --color-3: #eeec6c; --color-4: #336e64; --color-5: #7f7939. 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. 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