← Back to Editor

#F3B65D · #EFEBBE · #26090B · #DCBB86 · #C7823F

coffee

A 5-color coffee 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

#F3B65D

Ginger · SandyBrown · Warm Sun

HEX
#F3B65D
RGB
rgb(243, 182, 93)
HSL
hsl(36, 86%, 66%)
HSB
hsb(36, 62%, 95%)
CMYK
cmyk(0%, 25%, 62%, 5%)
Oklch
oklch(81.6% 0.127 74.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#EFEBBE

Fresh Green · Wheat · Lemon Cream

HEX
#EFEBBE
RGB
rgb(239, 235, 190)
HSL
hsl(55, 60%, 84%)
HSB
hsb(55, 21%, 94%)
CMYK
cmyk(0%, 2%, 21%, 6%)
Oklch
oklch(93.2% 0.059 103.3)

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

#26090B

Vermilion · Black · Deep Berry

HEX
#26090B
RGB
rgb(38, 9, 11)
HSL
hsl(356, 62%, 9%)
HSB
hsb(356, 76%, 15%)
CMYK
cmyk(0%, 76%, 71%, 85%)
Oklch
oklch(19.1% 0.049 18.9)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#DCBB86

Ginger · BurlyWood · Warm Sun

HEX
#DCBB86
RGB
rgb(220, 187, 134)
HSL
hsl(37, 55%, 69%)
HSB
hsb(37, 39%, 86%)
CMYK
cmyk(0%, 15%, 39%, 14%)
Oklch
oklch(80.8% 0.079 79.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#C7823F

Ginger · Chocolate · Warm Sun

HEX
#C7823F
RGB
rgb(199, 130, 63)
HSL
hsl(30, 55%, 51%)
HSB
hsb(30, 68%, 78%)
CMYK
cmyk(0%, 35%, 68%, 22%)
Oklch
oklch(66.5% 0.119 62.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3B65D
5E99F3

Analogous

F36D5E
F3B65D
E4F35E

Triadic

F3B65D
5EF3B7
B75EF3

Split-Comp.

F3B65D
5EE4F3
6D5EF3

Tetradic

F3B65D
5EF36D
5E99F3
F35EE4

Contrast Matrix WCAG 2.1 Contrast

F3B65D
EFEBBE
26090B
DCBB86
C7823F
—
1.5
Fail
10.4
AAA
1.0
Fail
1.7
Fail
1.5
Fail
—
15.4
AAA
1.5
Fail
2.6
Fail
10.4
AAA
15.4
AAA
—
10.2
AAA
5.9
AA
1.0
Fail
1.5
Fail
10.2
AAA
—
1.7
Fail
1.7
Fail
2.6
Fail
5.9
AA
1.7
Fail
—
White BG
1.8Fail
1.2Fail
18.6AAA
1.8Fail
3.1AA Large
Black BG
11.7AAA
17.3AAA
1.1Fail
11.5AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D873
EDEDC9
19190B
CECD93
A9A94F

Deuteranopia

DCE178
EEEECC
1B1D0A
D0D296
ADB253

Tritanopia

F08487
EFD1D3
250A0A
DA9D9F
C45C5F

Achromatopsia

BEBEBE
E7E7E7
121212
BFBFBF
8F8F8F

Shades & Tints Shades & Tints

#F3B65D

Dark
Light

#EFEBBE

Dark
Light

#26090B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3b65d;
  --color-2: #efebbe;
  --color-3: #26090b;
  --color-4: #dcbb86;
  --color-5: #c7823f;
}

SCSS

$color-1: #f3b65d;
$color-2: #efebbe;
$color-3: #26090b;
$color-4: #dcbb86;
$color-5: #c7823f;

TAILWIND

colors: {
  'brand-1': '#f3b65d',
  'brand-2': '#efebbe',
  'brand-3': '#26090b',
  'brand-4': '#dcbb86',
  'brand-5': '#c7823f',
}

RGB Array

[243, 182, 93], [239, 235, 190], [38, 9, 11], [220, 187, 134], [199, 130, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This coffee-style palette of #F3B65D, #EFEBBE, #26090B, #DCBB86, #C7823F is ideal for: social media posters, mobile apps, e-commerce promos, 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: #f3b65d; --color-2: #efebbe; --color-3: #26090b; --color-4: #dcbb86; --color-5: #c7823f. 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 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