← Back to Editor

#965C58 · #FFFFD3 · #E3CD68 · #E4AD48 · #B0946D

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

#965C58

Crimson · Sienna · Passion Red

HEX
#965C58
RGB
rgb(150, 92, 88)
HSL
hsl(4, 26%, 47%)
HSB
hsb(4, 41%, 59%)
CMYK
cmyk(0%, 39%, 41%, 41%)
Oklch
oklch(53.8% 0.077 24.2)

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

#FFFFD3

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFFD3
RGB
rgb(255, 255, 211)
HSL
hsl(60, 100%, 91%)
HSB
hsb(60, 17%, 100%)
CMYK
cmyk(0%, 0%, 17%, 0%)
Oklch
oklch(98.9% 0.057 107.4)

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

#E3CD68

Ginger · BurlyWood · Sunflower

HEX
#E3CD68
RGB
rgb(227, 205, 104)
HSL
hsl(49, 69%, 65%)
HSB
hsb(49, 54%, 89%)
CMYK
cmyk(0%, 10%, 54%, 11%)
Oklch
oklch(84.6% 0.124 97.3)

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

#E4AD48

Ginger · SandyBrown · Warm Sun

HEX
#E4AD48
RGB
rgb(228, 173, 72)
HSL
hsl(39, 74%, 59%)
HSB
hsb(39, 68%, 89%)
CMYK
cmyk(0%, 24%, 68%, 11%)
Oklch
oklch(78.0% 0.132 79.6)

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

#B0946D

Ginger · Gray · Warm Sun

HEX
#B0946D
RGB
rgb(176, 148, 109)
HSL
hsl(35, 30%, 56%)
HSB
hsb(35, 38%, 69%)
CMYK
cmyk(0%, 16%, 38%, 31%)
Oklch
oklch(68.2% 0.063 75.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

965C58
599397

Analogous

975974
965C58
977C59

Triadic

965C58
59975D
5D5997

Split-Comp.

965C58
59977C
597497

Tetradic

965C58
749759
599397
7C5997

Contrast Matrix WCAG 2.1 Contrast

965C58
FFFFD3
E3CD68
E4AD48
B0946D
—
5.2
AA
3.3
AA Large
2.6
Fail
1.8
Fail
5.2
AA
—
1.6
Fail
2.0
Fail
2.8
Fail
3.3
AA Large
1.6
Fail
—
1.3
Fail
1.8
Fail
2.6
Fail
2.0
Fail
1.3
Fail
—
1.4
Fail
1.8
Fail
2.8
Fail
1.8
Fail
1.4
Fail
—
White BG
5.3AA
1.0Fail
1.6Fail
2.0Fail
2.9Fail
Black BG
4.0AA Large
20.5AAA
13.2AAA
10.4AAA
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7D7C59
FFFFDE
D9D980
CCCC60
A4A476

Deuteranopia

808559
FFFFE0
DBDC86
CFD466
A6A879

Tritanopia

935A5A
FFE6E8
E29498
E17478
AF7E80

Achromatopsia

6D6D6D
FAFAFA
C8C8C8
B2B2B2
989898

Shades & Tints Shades & Tints

#965C58

Dark
Light

#FFFFD3

Dark
Light

#E3CD68

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #965c58;
  --color-2: #ffffd3;
  --color-3: #e3cd68;
  --color-4: #e4ad48;
  --color-5: #b0946d;
}

SCSS

$color-1: #965c58;
$color-2: #ffffd3;
$color-3: #e3cd68;
$color-4: #e4ad48;
$color-5: #b0946d;

TAILWIND

colors: {
  'brand-1': '#965c58',
  'brand-2': '#ffffd3',
  'brand-3': '#e3cd68',
  'brand-4': '#e4ad48',
  'brand-5': '#b0946d',
}

RGB Array

[150, 92, 88], [255, 255, 211], [227, 205, 104], [228, 173, 72], [176, 148, 109]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #965C58, #FFFFD3, #E3CD68, #E4AD48, #B0946D 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: #965c58; --color-2: #ffffd3; --color-3: #e3cd68; --color-4: #e4ad48; --color-5: #b0946d. 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 general-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