← Back to Editor

#544D2C · #FFF1B3 · #B3C240 · #339C62 · #07072B

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 AppData Visualization

Color Details Color Details

#544D2C

Ochre · DarkOliveGreen · Amber Gold

HEX
#544D2C
RGB
rgb(84, 77, 44)
HSL
hsl(49, 31%, 25%)
HSB
hsb(49, 48%, 33%)
CMYK
cmyk(0%, 8%, 48%, 67%)
Oklch
oklch(41.9% 0.050 97.7)

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

#FFF1B3

Goose Yellow · Bisque · Lemon Cream

HEX
#FFF1B3
RGB
rgb(255, 241, 179)
HSL
hsl(49, 100%, 85%)
HSB
hsb(49, 30%, 100%)
CMYK
cmyk(0%, 5%, 30%, 0%)
Oklch
oklch(95.5% 0.080 96.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#B3C240

Autumn Sage · GoldenRod · Sunflower

HEX
#B3C240
RGB
rgb(179, 194, 64)
HSL
hsl(67, 52%, 51%)
HSB
hsb(67, 67%, 76%)
CMYK
cmyk(8%, 0%, 67%, 24%)
Oklch
oklch(77.8% 0.152 115.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#339C62

Pine Green · SeaGreen · Olive Green

HEX
#339C62
RGB
rgb(51, 156, 98)
HSL
hsl(147, 51%, 41%)
HSB
hsb(147, 67%, 61%)
CMYK
cmyk(67%, 0%, 37%, 39%)
Oklch
oklch(61.8% 0.130 155.1)

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

#07072B

Deep Indigo · Black · Deep Sea Blue

HEX
#07072B
RGB
rgb(7, 7, 43)
HSL
hsl(240, 72%, 10%)
HSB
hsb(240, 84%, 17%)
CMYK
cmyk(84%, 84%, 0%, 83%)
Oklch
oklch(16.1% 0.071 274.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

544D2C
2C3354

Analogous

54392C
544D2C
47542C

Triadic

544D2C
2C544C
4C2C54

Split-Comp.

544D2C
2C4754
392C54

Tetradic

544D2C
2C5439
2C3354
542C47

Contrast Matrix WCAG 2.1 Contrast

544D2C
FFF1B3
B3C240
339C62
07072B
—
7.5
AAA
4.3
AA Large
2.5
Fail
2.3
Fail
7.5
AAA
—
1.7
Fail
3.0
AA Large
17.2
AAA
4.3
AA Large
1.7
Fail
—
1.8
Fail
10.0
AAA
2.5
Fail
3.0
AA Large
1.8
Fail
—
5.7
AA
2.3
Fail
17.2
AAA
10.0
AAA
5.7
AA
—
White BG
8.5AAA
1.1Fail
2.0Fail
3.5AA Large
19.5AAA
Black BG
2.5Fail
18.5AAA
10.7AAA
6.1AA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

515134
F9F9C2
B9BA5F
606170
070722

Deuteranopia

515236
FAFBC6
B9B867
5A5373
070720

Tritanopia

543A3C
FECED0
B4787E
387B7E
071B1A

Achromatopsia

4B4B4B
EEEEEE
AFAFAF
767676
0B0B0B

Shades & Tints Shades & Tints

#544D2C

Dark
Light

#FFF1B3

Dark
Light

#B3C240

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #544d2c;
  --color-2: #fff1b3;
  --color-3: #b3c240;
  --color-4: #339c62;
  --color-5: #07072b;
}

SCSS

$color-1: #544d2c;
$color-2: #fff1b3;
$color-3: #b3c240;
$color-4: #339c62;
$color-5: #07072b;

TAILWIND

colors: {
  'brand-1': '#544d2c',
  'brand-2': '#fff1b3',
  'brand-3': '#b3c240',
  'brand-4': '#339c62',
  'brand-5': '#07072b',
}

RGB Array

[84, 77, 44], [255, 241, 179], [179, 194, 64], [51, 156, 98], [7, 7, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #544D2C, #FFF1B3, #B3C240, #339C62, #07072B is ideal for: social media posters, mobile apps, e-commerce promos, 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: #544d2c; --color-2: #fff1b3; --color-3: #b3c240; --color-4: #339c62; --color-5: #07072b. 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. 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