← Back to Editor

#3F2300 · #793005 · #937110 · #B3C396 · #79B49E

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

#3F2300

Ochre · Black · Cinnamon

HEX
#3F2300
RGB
rgb(63, 35, 0)
HSL
hsl(33, 100%, 12%)
HSB
hsb(33, 100%, 25%)
CMYK
cmyk(0%, 44%, 100%, 75%)
Oklch
oklch(28.6% 0.063 66.7)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#793005

Tangerine · Maroon · Cinnamon

HEX
#793005
RGB
rgb(121, 48, 5)
HSL
hsl(22, 92%, 25%)
HSB
hsb(22, 96%, 47%)
CMYK
cmyk(0%, 60%, 96%, 53%)
Oklch
oklch(40.7% 0.113 44.6)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#937110

Ochre · Olive · Honey Gold

HEX
#937110
RGB
rgb(147, 113, 16)
HSL
hsl(44, 80%, 32%)
HSB
hsb(44, 89%, 58%)
CMYK
cmyk(0%, 23%, 89%, 42%)
Oklch
oklch(56.7% 0.111 86.6)

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

#B3C396

Willow Green · DarkGray · Apple Green

HEX
#B3C396
RGB
rgb(179, 195, 150)
HSL
hsl(81, 27%, 68%)
HSB
hsb(81, 23%, 76%)
CMYK
cmyk(8%, 0%, 23%, 24%)
Oklch
oklch(79.3% 0.064 123.7)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#79B49E

Mineral Blue · DarkSeaGreen · Olive Green

HEX
#79B49E
RGB
rgb(121, 180, 158)
HSL
hsl(158, 28%, 59%)
HSB
hsb(158, 33%, 71%)
CMYK
cmyk(33%, 0%, 12%, 29%)
Oklch
oklch(72.3% 0.070 169.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3F2300
001C3D

Analogous

3D0300
3F2300
3A3D00

Triadic

3F2300
003D22
22003D

Split-Comp.

3F2300
003A3D
03003D

Tetradic

3F2300
003D03
001C3D
3D003A

Contrast Matrix WCAG 2.1 Contrast

3F2300
793005
937110
B3C396
79B49E
—
1.5
Fail
3.2
AA Large
7.7
AAA
6.1
AA
1.5
Fail
—
2.1
Fail
5.0
AA
3.9
AA Large
3.2
AA Large
2.1
Fail
—
2.4
Fail
1.9
Fail
7.7
AAA
5.0
AA
2.4
Fail
—
1.3
Fail
6.1
AA
3.9
AA Large
1.9
Fail
1.3
Fail
—
White BG
14.5AAA
9.4AAA
4.6AA
1.9Fail
2.4Fail
Black BG
1.5Fail
2.2Fail
4.6AA
11.2AAA
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

333308
59590F
848427
BABAA1
9393A3

Deuteranopia

35370B
5E6312
86892D
B9B8A4
8F8BA5

Tritanopia

3E0F11
751819
913A3E
B4A9AB
7CA8A8

Achromatopsia

272727
414141
707070
B9B9B9
A0A0A0

Shades & Tints Shades & Tints

#3F2300

Dark
Light

#793005

Dark
Light

#937110

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3f2300;
  --color-2: #793005;
  --color-3: #937110;
  --color-4: #b3c396;
  --color-5: #79b49e;
}

SCSS

$color-1: #3f2300;
$color-2: #793005;
$color-3: #937110;
$color-4: #b3c396;
$color-5: #79b49e;

TAILWIND

colors: {
  'brand-1': '#3f2300',
  'brand-2': '#793005',
  'brand-3': '#937110',
  'brand-4': '#b3c396',
  'brand-5': '#79b49e',
}

RGB Array

[63, 35, 0], [121, 48, 5], [147, 113, 16], [179, 195, 150], [121, 180, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3F2300, #793005, #937110, #B3C396, #79B49E 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: #3f2300; --color-2: #793005; --color-3: #937110; --color-4: #b3c396; --color-5: #79b49e. 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