← Back to Editor

#65601E · #B8A64D · #FFDB77 · #860000 · #10140A

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarm

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin PanelData Visualization

Color Details Color Details

#65601E

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#65601E
RGB
rgb(101, 96, 30)
HSL
hsl(56, 54%, 26%)
HSB
hsb(56, 70%, 40%)
CMYK
cmyk(0%, 5%, 70%, 60%)
Oklch
oklch(48.0% 0.086 105.0)

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

#B8A64D

Autumn Sage · GoldenRod · Sunflower

HEX
#B8A64D
RGB
rgb(184, 166, 77)
HSL
hsl(50, 43%, 51%)
HSB
hsb(50, 58%, 72%)
CMYK
cmyk(0%, 10%, 58%, 28%)
Oklch
oklch(72.3% 0.112 98.0)

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

#FFDB77

Goose Yellow · Khaki · Sunflower

HEX
#FFDB77
RGB
rgb(255, 219, 119)
HSL
hsl(44, 100%, 73%)
HSB
hsb(44, 53%, 100%)
CMYK
cmyk(0%, 14%, 53%, 0%)
Oklch
oklch(90.2% 0.126 90.0)

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

#860000

Vermilion · DarkRed · Wine Red

HEX
#860000
RGB
rgb(134, 0, 0)
HSL
hsl(0, 100%, 26%)
HSB
hsb(0, 100%, 53%)
CMYK
cmyk(0%, 100%, 100%, 47%)
Oklch
oklch(38.9% 0.160 29.2)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#10140A

Grass Green · Black · Dark Green

HEX
#10140A
RGB
rgb(16, 20, 10)
HSL
hsl(84, 33%, 6%)
HSB
hsb(84, 50%, 8%)
CMYK
cmyk(20%, 0%, 50%, 92%)
Oklch
oklch(18.3% 0.020 126.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

65601E
1E2366

Analogous

663E1E
65601E
47661E

Triadic

65601E
1E6661
611E66

Split-Comp.

65601E
1E4766
3E1E66

Tetradic

65601E
1E663E
1E2366
661E47

Contrast Matrix WCAG 2.1 Contrast

65601E
B8A64D
FFDB77
860000
10140A
—
2.6
Fail
4.8
AA
1.6
Fail
2.9
Fail
2.6
Fail
—
1.8
Fail
4.3
AA Large
7.6
AAA
4.8
AA
1.8
Fail
—
7.8
AAA
13.9
AAA
1.6
Fail
4.3
AA Large
7.8
AAA
—
1.8
Fail
2.9
Fail
7.6
AAA
13.9
AAA
1.8
Fail
—
White BG
6.5AA
2.4Fail
1.3Fail
10.4AAA
18.6AAA
Black BG
3.2AA Large
8.6AAA
15.7AAA
2.0Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

63632E
B0B063
EFEF8F
4C4B00
12120C

Deuteranopia

636332
B1B368
F2F495
545E00
12110D

Tritanopia

653B3D
B77477
FDA2A7
7F0000
100E0F

Achromatopsia

5A5A5A
A1A1A1
DADADA
282828
121212

Shades & Tints Shades & Tints

#65601E

Dark
Light

#B8A64D

Dark
Light

#FFDB77

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #65601e;
  --color-2: #b8a64d;
  --color-3: #ffdb77;
  --color-4: #860000;
  --color-5: #10140a;
}

SCSS

$color-1: #65601e;
$color-2: #b8a64d;
$color-3: #ffdb77;
$color-4: #860000;
$color-5: #10140a;

TAILWIND

colors: {
  'brand-1': '#65601e',
  'brand-2': '#b8a64d',
  'brand-3': '#ffdb77',
  'brand-4': '#860000',
  'brand-5': '#10140a',
}

RGB Array

[101, 96, 30], [184, 166, 77], [255, 219, 119], [134, 0, 0], [16, 20, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #65601E, #B8A64D, #FFDB77, #860000, #10140A 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: #65601e; --color-2: #b8a64d; --color-3: #ffdb77; --color-4: #860000; --color-5: #10140a. 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 minimal-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