← Back to Editor

#433424 · #BEA578 · #E3DF9B · #FFFFFF · #EB9291

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#433424

Ochre · DarkSlateGray · Cinnamon

HEX
#433424
RGB
rgb(67, 52, 36)
HSL
hsl(31, 30%, 20%)
HSB
hsb(31, 46%, 26%)
CMYK
cmyk(0%, 22%, 46%, 74%)
Oklch
oklch(33.7% 0.034 68.1)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#BEA578

Ginger · Tan · Warm Sun

HEX
#BEA578
RGB
rgb(190, 165, 120)
HSL
hsl(39, 35%, 61%)
HSB
hsb(39, 37%, 75%)
CMYK
cmyk(0%, 13%, 37%, 25%)
Oklch
oklch(73.3% 0.067 81.9)

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

#E3DF9B

Fresh Green · Khaki · Sunflower

HEX
#E3DF9B
RGB
rgb(227, 223, 155)
HSL
hsl(57, 56%, 75%)
HSB
hsb(57, 32%, 89%)
CMYK
cmyk(0%, 2%, 32%, 11%)
Oklch
oklch(89.1% 0.087 105.2)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#EB9291

Peach Pink · DarkSalmon · Coral Red

HEX
#EB9291
RGB
rgb(235, 146, 145)
HSL
hsl(1, 69%, 75%)
HSB
hsb(1, 38%, 92%)
CMYK
cmyk(0%, 38%, 38%, 8%)
Oklch
oklch(75.1% 0.108 20.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

433424
243242

Analogous

422424
433424
424224

Triadic

433424
244234
342442

Split-Comp.

433424
244242
242442

Tetradic

433424
244224
243242
422442

Contrast Matrix WCAG 2.1 Contrast

433424
BEA578
E3DF9B
FFFFFF
EB9291
—
5.0
AA
8.7
AAA
12.0
AAA
5.2
AA
5.0
AA
—
1.7
Fail
2.4
Fail
1.0
Fail
8.7
AAA
1.7
Fail
—
1.4
Fail
1.7
Fail
12.0
AAA
2.4
Fail
1.4
Fail
—
2.3
Fail
5.2
AA
1.0
Fail
1.7
Fail
2.3
Fail
—
White BG
12.0AAA
2.4Fail
1.4Fail
1.0Fail
2.3Fail
Black BG
1.8Fail
8.8AAA
15.3AAA
21.0AAA
9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3D3C28
B3B383
E1E1AB
FFFFFF
C4C491

Deuteranopia

3D3F29
B5B786
E2E2AF
FFFFFF
CAD091

Tritanopia

422B2C
BD8B8D
E3B8BB
FFFFFF
E79191

Achromatopsia

373737
A7A7A7
D8D8D8
FFFFFF
ACACAC

Shades & Tints Shades & Tints

#433424

Dark
Light

#BEA578

Dark
Light

#E3DF9B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #433424;
  --color-2: #bea578;
  --color-3: #e3df9b;
  --color-4: #ffffff;
  --color-5: #eb9291;
}

SCSS

$color-1: #433424;
$color-2: #bea578;
$color-3: #e3df9b;
$color-4: #ffffff;
$color-5: #eb9291;

TAILWIND

colors: {
  'brand-1': '#433424',
  'brand-2': '#bea578',
  'brand-3': '#e3df9b',
  'brand-4': '#ffffff',
  'brand-5': '#eb9291',
}

RGB Array

[67, 52, 36], [190, 165, 120], [227, 223, 155], [255, 255, 255], [235, 146, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #433424, #BEA578, #E3DF9B, #FFFFFF, #EB9291 is ideal for: health products, baby brands, fresh-style blogs, 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: #433424; --color-2: #bea578; --color-3: #e3df9b; --color-4: #ffffff; --color-5: #eb9291. 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. 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 cool-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