← Back to Editor

#CBB17E · #C7A345 · #78763D · #5F4649 · #572423

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

#CBB17E

Ginger · Tan · Sunflower

HEX
#CBB17E
RGB
rgb(203, 177, 126)
HSL
hsl(40, 43%, 65%)
HSB
hsb(40, 38%, 80%)
CMYK
cmyk(0%, 13%, 38%, 20%)
Oklch
oklch(77.1% 0.074 83.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#C7A345

Ginger · GoldenRod · Sunflower

HEX
#C7A345
RGB
rgb(199, 163, 69)
HSL
hsl(43, 54%, 53%)
HSB
hsb(43, 65%, 78%)
CMYK
cmyk(0%, 18%, 65%, 22%)
Oklch
oklch(73.0% 0.119 88.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#78763D

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#78763D
RGB
rgb(120, 118, 61)
HSL
hsl(58, 33%, 35%)
HSB
hsb(58, 49%, 47%)
CMYK
cmyk(0%, 2%, 49%, 53%)
Oklch
oklch(55.4% 0.078 106.9)

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

#5F4649

Crimson · DarkOliveGreen · Wine Red

HEX
#5F4649
RGB
rgb(95, 70, 73)
HSL
hsl(353, 15%, 32%)
HSB
hsb(353, 26%, 37%)
CMYK
cmyk(0%, 26%, 23%, 63%)
Oklch
oklch(42.2% 0.035 10.6)

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

#572423

Crimson · Maroon · Wine Red

HEX
#572423
RGB
rgb(87, 36, 35)
HSL
hsl(1, 43%, 24%)
HSB
hsb(1, 60%, 34%)
CMYK
cmyk(0%, 59%, 60%, 66%)
Oklch
oklch(33.3% 0.076 23.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBB17E
7F99CC

Analogous

CC8C7F
CBB17E
BFCC7F

Triadic

CBB17E
7FCCB3
B37FCC

Split-Comp.

CBB17E
7FBFCC
8C7FCC

Tetradic

CBB17E
7FCC8C
7F99CC
CC7FBF

Contrast Matrix WCAG 2.1 Contrast

CBB17E
C7A345
78763D
5F4649
572423
—
1.2
Fail
2.3
Fail
4.1
AA Large
6.0
AA
1.2
Fail
—
2.0
Fail
3.6
AA Large
5.2
AA
2.3
Fail
2.0
Fail
—
1.8
Fail
2.7
Fail
4.1
AA Large
3.6
AA Large
1.8
Fail
—
1.5
Fail
6.0
AA
5.2
AA
2.7
Fail
1.5
Fail
—
White BG
2.1Fail
2.4Fail
4.7AA
8.5AAA
12.5AAA
Black BG
10.1AAA
8.8AAA
4.5AA Large
2.5Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C08A
B7B75C
77774B
545448
414023

Deuteranopia

C1C38D
BABC61
77774E
565848
444823

Tritanopia

CA9496
C56E72
785658
5E4848
542323

Achromatopsia

B3B3B3
A3A3A3
707070
4E4E4E
333333

Shades & Tints Shades & Tints

#CBB17E

Dark
Light

#C7A345

Dark
Light

#78763D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbb17e;
  --color-2: #c7a345;
  --color-3: #78763d;
  --color-4: #5f4649;
  --color-5: #572423;
}

SCSS

$color-1: #cbb17e;
$color-2: #c7a345;
$color-3: #78763d;
$color-4: #5f4649;
$color-5: #572423;

TAILWIND

colors: {
  'brand-1': '#cbb17e',
  'brand-2': '#c7a345',
  'brand-3': '#78763d',
  'brand-4': '#5f4649',
  'brand-5': '#572423',
}

RGB Array

[203, 177, 126], [199, 163, 69], [120, 118, 61], [95, 70, 73], [87, 36, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #CBB17E, #C7A345, #78763D, #5F4649, #572423 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #cbb17e; --color-2: #c7a345; --color-3: #78763d; --color-4: #5f4649; --color-5: #572423. 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 minimal-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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