← Back to Editor

#332929 · #FF7D63 · #E3B598 · #DEDDB4 · #F2F2D3

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

#332929

Crimson · DarkSlateGray · Deep Berry

HEX
#332929
RGB
rgb(51, 41, 41)
HSL
hsl(0, 11%, 18%)
HSB
hsb(0, 20%, 20%)
CMYK
cmyk(0%, 20%, 20%, 80%)
Oklch
oklch(29.2% 0.015 18.0)

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

#FF7D63

Peach Pink · Salmon · Coral Red

HEX
#FF7D63
RGB
rgb(255, 125, 99)
HSL
hsl(10, 100%, 69%)
HSB
hsb(10, 61%, 100%)
CMYK
cmyk(0%, 51%, 61%, 0%)
Oklch
oklch(73.5% 0.164 32.8)

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

#E3B598

Apricot · BurlyWood · Warm Sun

HEX
#E3B598
RGB
rgb(227, 181, 152)
HSL
hsl(23, 57%, 74%)
HSB
hsb(23, 33%, 89%)
CMYK
cmyk(0%, 20%, 33%, 11%)
Oklch
oklch(80.7% 0.067 53.8)

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

#DEDDB4

Fresh Green · Wheat · Lemon Cream

HEX
#DEDDB4
RGB
rgb(222, 221, 180)
HSL
hsl(59, 39%, 79%)
HSB
hsb(59, 19%, 87%)
CMYK
cmyk(0%, 0%, 19%, 13%)
Oklch
oklch(88.8% 0.054 106.3)

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

#F2F2D3

Fresh Green · Beige · Lemon Cream

HEX
#F2F2D3
RGB
rgb(242, 242, 211)
HSL
hsl(60, 54%, 89%)
HSB
hsb(60, 13%, 95%)
CMYK
cmyk(0%, 0%, 13%, 5%)
Oklch
oklch(95.3% 0.041 107.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

332929
293333

Analogous

33292E
332929
332E29

Triadic

332929
293329
292933

Split-Comp.

332929
29332E
292E33

Tetradic

332929
2E3329
293333
2E2933

Contrast Matrix WCAG 2.1 Contrast

332929
FF7D63
E3B598
DEDDB4
F2F2D3
—
5.6
AA
7.6
AAA
10.1
AAA
12.4
AAA
5.6
AA
—
1.4
Fail
1.8
Fail
2.2
Fail
7.6
AAA
1.4
Fail
—
1.3
Fail
1.6
Fail
10.1
AAA
1.8
Fail
1.3
Fail
—
1.2
Fail
12.4
AAA
2.2
Fail
1.6
Fail
1.2
Fail
—
White BG
14.1AAA
2.5Fail
1.9Fail
1.4Fail
1.1Fail
Black BG
1.5Fail
8.4AAA
11.3AAA
15.1AAA
18.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2F2F29
C7C669
CFCF9F
DEDEBE
F2F2DB

Deuteranopia

2F3029
CED86B
D2D5A1
DEDEC0
F2F2DC

Tritanopia

322929
F96E6F
E1A5A6
DEC6C7
F2E0E2

Achromatopsia

2C2C2C
A1A1A1
BFBFBF
D9D9D9
EEEEEE

Shades & Tints Shades & Tints

#332929

Dark
Light

#FF7D63

Dark
Light

#E3B598

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #332929;
  --color-2: #ff7d63;
  --color-3: #e3b598;
  --color-4: #deddb4;
  --color-5: #f2f2d3;
}

SCSS

$color-1: #332929;
$color-2: #ff7d63;
$color-3: #e3b598;
$color-4: #deddb4;
$color-5: #f2f2d3;

TAILWIND

colors: {
  'brand-1': '#332929',
  'brand-2': '#ff7d63',
  'brand-3': '#e3b598',
  'brand-4': '#deddb4',
  'brand-5': '#f2f2d3',
}

RGB Array

[51, 41, 41], [255, 125, 99], [227, 181, 152], [222, 221, 180], [242, 242, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #332929, #FF7D63, #E3B598, #DEDDB4, #F2F2D3 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: #332929; --color-2: #ff7d63; --color-3: #e3b598; --color-4: #deddb4; --color-5: #f2f2d3. 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 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