← Back to Editor

#4A6929 · #A8A75B · #ECE3D4 · #BD9B69 · #6B4A2A

coffee

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#4A6929

Grass Green · DarkOliveGreen · Forest Green

HEX
#4A6929
RGB
rgb(74, 105, 41)
HSL
hsl(89, 44%, 29%)
HSB
hsb(89, 61%, 41%)
CMYK
cmyk(30%, 0%, 61%, 59%)
Oklch
oklch(48.1% 0.099 130.9)

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

#A8A75B

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A8A75B
RGB
rgb(168, 167, 91)
HSL
hsl(59, 31%, 51%)
HSB
hsb(59, 46%, 66%)
CMYK
cmyk(0%, 1%, 46%, 34%)
Oklch
oklch(71.2% 0.099 108.0)

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

#ECE3D4

Goose Yellow · Beige · Peach Orange

HEX
#ECE3D4
RGB
rgb(236, 227, 212)
HSL
hsl(37, 39%, 88%)
HSB
hsb(37, 10%, 93%)
CMYK
cmyk(0%, 4%, 10%, 7%)
Oklch
oklch(91.9% 0.022 80.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#BD9B69

Ginger · DarkSalmon · Warm Sun

HEX
#BD9B69
RGB
rgb(189, 155, 105)
HSL
hsl(36, 39%, 58%)
HSB
hsb(36, 44%, 74%)
CMYK
cmyk(0%, 18%, 44%, 26%)
Oklch
oklch(70.9% 0.078 76.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#6B4A2A

Ochre · DarkOliveGreen · Amber Brown

HEX
#6B4A2A
RGB
rgb(107, 74, 42)
HSL
hsl(30, 44%, 29%)
HSB
hsb(30, 61%, 42%)
CMYK
cmyk(0%, 31%, 61%, 58%)
Oklch
oklch(43.8% 0.065 63.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4A6929
49296A

Analogous

6A6929
4A6929
2A6A29

Triadic

4A6929
294B6A
6A294B

Split-Comp.

4A6929
292A6A
69296A

Tetradic

4A6929
296A69
49296A
6A292A

Contrast Matrix WCAG 2.1 Contrast

4A6929
A8A75B
ECE3D4
BD9B69
6B4A2A
—
2.5
Fail
4.9
AA
2.4
Fail
1.3
Fail
2.5
Fail
—
2.0
Fail
1.0
Fail
3.2
AA Large
4.9
AA
2.0
Fail
—
2.0
Fail
6.3
AA
2.4
Fail
1.0
Fail
2.0
Fail
—
3.1
AA Large
1.3
Fail
3.2
AA Large
6.3
AA
3.1
AA Large
—
White BG
6.3AA
2.5Fail
1.3Fail
2.6Fail
8.0AAA
Black BG
3.3AA Large
8.3AAA
16.5AAA
8.1AAA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

575838
A8A86D
E8E8D8
AEAE75
5D5C32

Deuteranopia

56533C
A8A872
E9E9D8
B0B378
5F6134

Tritanopia

4C4547
A87C7F
ECDADB
BB7F81
693839

Achromatopsia

585858
9F9F9F
E4E4E4
9F9F9F
505050

Shades & Tints Shades & Tints

#4A6929

Dark
Light

#A8A75B

Dark
Light

#ECE3D4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4a6929;
  --color-2: #a8a75b;
  --color-3: #ece3d4;
  --color-4: #bd9b69;
  --color-5: #6b4a2a;
}

SCSS

$color-1: #4a6929;
$color-2: #a8a75b;
$color-3: #ece3d4;
$color-4: #bd9b69;
$color-5: #6b4a2a;

TAILWIND

colors: {
  'brand-1': '#4a6929',
  'brand-2': '#a8a75b',
  'brand-3': '#ece3d4',
  'brand-4': '#bd9b69',
  'brand-5': '#6b4a2a',
}

RGB Array

[74, 105, 41], [168, 167, 91], [236, 227, 212], [189, 155, 105], [107, 74, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This coffee-style palette of #4A6929, #A8A75B, #ECE3D4, #BD9B69, #6B4A2A 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: #4a6929; --color-2: #a8a75b; --color-3: #ece3d4; --color-4: #bd9b69; --color-5: #6b4a2a. 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 coffee-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