← Back to Editor

#A1745F · #CACD48 · #C0D997 · #EEF5C1

coffee

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A1745F

Tangerine · Gray · Amber Brown

HEX
#A1745F
RGB
rgb(161, 116, 95)
HSL
hsl(19, 26%, 50%)
HSB
hsb(19, 41%, 63%)
CMYK
cmyk(0%, 28%, 41%, 37%)
Oklch
oklch(59.9% 0.065 46.0)

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

#CACD48

Autumn Sage · GoldenRod · Sunflower

HEX
#CACD48
RGB
rgb(202, 205, 72)
HSL
hsl(61, 57%, 54%)
HSB
hsb(61, 65%, 80%)
CMYK
cmyk(1%, 0%, 65%, 20%)
Oklch
oklch(82.2% 0.152 110.6)

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

#C0D997

Willow Green · Tan · Apple Green

HEX
#C0D997
RGB
rgb(192, 217, 151)
HSL
hsl(83, 46%, 72%)
HSB
hsb(83, 30%, 85%)
CMYK
cmyk(12%, 0%, 30%, 15%)
Oklch
oklch(85.1% 0.091 125.1)

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

#EEF5C1

Fresh Green · Bisque · Lemon Cream

HEX
#EEF5C1
RGB
rgb(238, 245, 193)
HSL
hsl(68, 72%, 86%)
HSB
hsb(68, 21%, 96%)
CMYK
cmyk(3%, 0%, 21%, 4%)
Oklch
oklch(95.2% 0.068 113.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A1745F
5E8CA1

Analogous

A15E6B
A1745F
A1945E

Triadic

A1745F
5EA173
735EA1

Split-Comp.

A1745F
5EA194
5E6BA1

Tetradic

A1745F
6BA15E
5E8CA1
945EA1

Contrast Matrix WCAG 2.1 Contrast

A1745F
CACD48
C0D997
EEF5C1
—
2.4
Fail
2.6
Fail
3.6
AA Large
2.4
Fail
—
1.1
Fail
1.5
Fail
2.6
Fail
1.1
Fail
—
1.4
Fail
3.6
AA Large
1.5
Fail
1.4
Fail
—
White BG
4.1AA Large
1.7Fail
1.5Fail
1.1Fail
Black BG
5.2AA
12.3AAA
13.6AAA
18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8D64
CBCB68
CBCBA7
F1F1CE

Deuteranopia

909465
CBCB70
C9C7AB
F1F0D1

Tritanopia

9F6869
CA8287
C1B4B6
EED8DA

Achromatopsia

7F7F7F
BDBDBD
CACACA
EDEDED

Shades & Tints Shades & Tints

#A1745F

Dark
Light

#CACD48

Dark
Light

#C0D997

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a1745f;
  --color-2: #cacd48;
  --color-3: #c0d997;
  --color-4: #eef5c1;
}

SCSS

$color-1: #a1745f;
$color-2: #cacd48;
$color-3: #c0d997;
$color-4: #eef5c1;

TAILWIND

colors: {
  'brand-1': '#a1745f',
  'brand-2': '#cacd48',
  'brand-3': '#c0d997',
  'brand-4': '#eef5c1',
}

RGB Array

[161, 116, 95], [202, 205, 72], [192, 217, 151], [238, 245, 193]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This coffee-style palette of #A1745F, #CACD48, #C0D997, #EEF5C1 is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a1745f; --color-2: #cacd48; --color-3: #c0d997; --color-4: #eef5c1. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 4-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