← Back to Editor

#0B0700 · #463A0A · #75673A · #AFA462 · #EBE1AE

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#0B0700

Ochre · Black · Cinnamon

HEX
#0B0700
RGB
rgb(11, 7, 0)
HSL
hsl(38, 100%, 2%)
HSB
hsb(38, 100%, 4%)
CMYK
cmyk(0%, 36%, 100%, 96%)
Oklch
oklch(13.1% 0.027 92.5)

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

#463A0A

Ochre · DarkOliveGreen · Amber Gold

HEX
#463A0A
RGB
rgb(70, 58, 10)
HSL
hsl(48, 75%, 16%)
HSB
hsb(48, 86%, 27%)
CMYK
cmyk(0%, 17%, 86%, 73%)
Oklch
oklch(35.2% 0.065 94.2)

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

#75673A

Ochre · DarkOliveGreen · Honey Gold

HEX
#75673A
RGB
rgb(117, 103, 58)
HSL
hsl(46, 34%, 34%)
HSB
hsb(46, 50%, 46%)
CMYK
cmyk(0%, 12%, 50%, 54%)
Oklch
oklch(51.6% 0.066 92.6)

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

#AFA462

Autumn Sage · Tan · Sunflower

HEX
#AFA462
RGB
rgb(175, 164, 98)
HSL
hsl(51, 32%, 54%)
HSB
hsb(51, 44%, 69%)
CMYK
cmyk(0%, 6%, 44%, 31%)
Oklch
oklch(71.3% 0.088 100.0)

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

#EBE1AE

Fresh Green · Wheat · Lemon Cream

HEX
#EBE1AE
RGB
rgb(235, 225, 174)
HSL
hsl(50, 60%, 80%)
HSB
hsb(50, 26%, 92%)
CMYK
cmyk(0%, 4%, 26%, 8%)
Oklch
oklch(90.5% 0.067 98.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0B0700
00040A

Analogous

0A0100
0B0700
090A00

Triadic

0B0700
000A06
06000A

Split-Comp.

0B0700
00090A
01000A

Tetradic

0B0700
000A01
00040A
0A0009

Contrast Matrix WCAG 2.1 Contrast

0B0700
463A0A
75673A
AFA462
EBE1AE
—
1.8
Fail
3.6
AA Large
8.0
AAA
15.2
AAA
1.8
Fail
—
2.0
Fail
4.4
AA Large
8.5
AAA
3.6
AA Large
2.0
Fail
—
2.2
Fail
4.2
AA Large
8.0
AAA
4.4
AA Large
2.2
Fail
—
1.9
Fail
15.2
AAA
8.5
AAA
4.2
AA Large
1.9
Fail
—
White BG
20.1AAA
11.2AAA
5.6AA
2.5Fail
1.3Fail
Black BG
1.0Fail
1.9Fail
3.8AA Large
8.3AAA
15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

090902
414116
6F6F45
AAAA72
E7E7BA

Deuteranopia

0A0A02
424218
707148
ABAC76
E7E8BD

Tritanopia

0B0303
451F21
744D4F
AE7F81
EBC4C6

Achromatopsia

070707
383838
666666
A0A0A0
DEDEDE

Shades & Tints Shades & Tints

#0B0700

Dark
Light

#463A0A

Dark
Light

#75673A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0b0700;
  --color-2: #463a0a;
  --color-3: #75673a;
  --color-4: #afa462;
  --color-5: #ebe1ae;
}

SCSS

$color-1: #0b0700;
$color-2: #463a0a;
$color-3: #75673a;
$color-4: #afa462;
$color-5: #ebe1ae;

TAILWIND

colors: {
  'brand-1': '#0b0700',
  'brand-2': '#463a0a',
  'brand-3': '#75673a',
  'brand-4': '#afa462',
  'brand-5': '#ebe1ae',
}

RGB Array

[11, 7, 0], [70, 58, 10], [117, 103, 58], [175, 164, 98], [235, 225, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #0B0700, #463A0A, #75673A, #AFA462, #EBE1AE 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: #0b0700; --color-2: #463a0a; --color-3: #75673a; --color-4: #afa462; --color-5: #ebe1ae. 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 cool-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