← Back to Editor

#D9D0B3 · #F76766 · #ED3A33 · #ACC400 · #2D2F2E

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

#D9D0B3

Goose Yellow · Wheat · Lemon Cream

HEX
#D9D0B3
RGB
rgb(217, 208, 179)
HSL
hsl(46, 33%, 78%)
HSB
hsb(46, 18%, 85%)
CMYK
cmyk(0%, 4%, 18%, 15%)
Oklch
oklch(85.7% 0.040 92.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F76766

Peach Pink · Salmon · Coral Red

HEX
#F76766
RGB
rgb(247, 103, 102)
HSL
hsl(0, 90%, 68%)
HSB
hsb(0, 59%, 97%)
CMYK
cmyk(0%, 58%, 59%, 3%)
Oklch
oklch(69.4% 0.177 23.3)

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

#ED3A33

Vermilion · Crimson · Passion Red

HEX
#ED3A33
RGB
rgb(237, 58, 51)
HSL
hsl(2, 84%, 56%)
HSB
hsb(2, 78%, 93%)
CMYK
cmyk(0%, 76%, 78%, 7%)
Oklch
oklch(62.3% 0.216 27.8)

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

#ACC400

Autumn Sage · GoldenRod · Honey Gold

HEX
#ACC400
RGB
rgb(172, 196, 0)
HSL
hsl(67, 100%, 38%)
HSB
hsb(67, 100%, 77%)
CMYK
cmyk(12%, 0%, 100%, 23%)
Oklch
oklch(77.5% 0.181 118.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#2D2F2E

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2D2F2E
RGB
rgb(45, 47, 46)
HSL
hsl(150, 2%, 18%)
HSB
hsb(150, 4%, 18%)
CMYK
cmyk(4%, 0%, 2%, 82%)
Oklch
oklch(30.3% 0.003 164.9)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9D0B3
B4BDD9

Analogous

D9BEB4
D9D0B3
D0D9B4

Triadic

D9D0B3
B4D9D1
D1B4D9

Split-Comp.

D9D0B3
B4D0D9
BEB4D9

Tetradic

D9D0B3
B4D9BE
B4BDD9
D9B4D0

Contrast Matrix WCAG 2.1 Contrast

D9D0B3
F76766
ED3A33
ACC400
2D2F2E
—
1.9
Fail
2.6
Fail
1.3
Fail
8.7
AAA
1.9
Fail
—
1.3
Fail
1.5
Fail
4.5
AA
2.6
Fail
1.3
Fail
—
2.0
Fail
3.4
AA Large
1.3
Fail
1.5
Fail
2.0
Fail
—
6.8
AA
8.7
AAA
4.5
AA
3.4
AA Large
6.8
AA
—
White BG
1.5Fail
3.0Fail
4.0AA Large
2.0Fail
13.5AAA
Black BG
13.6AAA
7.1AAA
5.3AA
10.7AAA
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5BA
B9B766
9F9E35
B6B72F
2E2E2E

Deuteranopia

D6D6BC
C1CC66
AAB735
B5B33B
2E2E2E

Tritanopia

D9C0C1
F06666
E43636
AD555D
2D2E2E

Achromatopsia

CFCFCF
929292
6F6F6F
A6A6A6
2E2E2E

Shades & Tints Shades & Tints

#D9D0B3

Dark
Light

#F76766

Dark
Light

#ED3A33

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9d0b3;
  --color-2: #f76766;
  --color-3: #ed3a33;
  --color-4: #acc400;
  --color-5: #2d2f2e;
}

SCSS

$color-1: #d9d0b3;
$color-2: #f76766;
$color-3: #ed3a33;
$color-4: #acc400;
$color-5: #2d2f2e;

TAILWIND

colors: {
  'brand-1': '#d9d0b3',
  'brand-2': '#f76766',
  'brand-3': '#ed3a33',
  'brand-4': '#acc400',
  'brand-5': '#2d2f2e',
}

RGB Array

[217, 208, 179], [247, 103, 102], [237, 58, 51], [172, 196, 0], [45, 47, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9D0B3, #F76766, #ED3A33, #ACC400, #2D2F2E 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: #d9d0b3; --color-2: #f76766; --color-3: #ed3a33; --color-4: #acc400; --color-5: #2d2f2e. 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 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