← Back to Editor

#6D514D · #DD7069 · #EB9C73 · #F3C683 · #F8F29A

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

#6D514D

Crimson · DimGray · Wine Red

HEX
#6D514D
RGB
rgb(109, 81, 77)
HSL
hsl(8, 17%, 36%)
HSB
hsb(8, 29%, 43%)
CMYK
cmyk(0%, 26%, 29%, 57%)
Oklch
oklch(46.3% 0.038 27.9)

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

#DD7069

Peach Pink · LightCoral · Coral Red

HEX
#DD7069
RGB
rgb(221, 112, 105)
HSL
hsl(4, 63%, 64%)
HSB
hsb(4, 52%, 87%)
CMYK
cmyk(0%, 49%, 52%, 13%)
Oklch
oklch(67.0% 0.138 25.2)

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

#EB9C73

Apricot · DarkSalmon · Warm Sun

HEX
#EB9C73
RGB
rgb(235, 156, 115)
HSL
hsl(21, 75%, 69%)
HSB
hsb(21, 51%, 92%)
CMYK
cmyk(0%, 34%, 51%, 8%)
Oklch
oklch(76.2% 0.110 48.0)

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

#F3C683

Goose Yellow · BurlyWood · Warm Sun

HEX
#F3C683
RGB
rgb(243, 198, 131)
HSL
hsl(36, 82%, 73%)
HSB
hsb(36, 46%, 95%)
CMYK
cmyk(0%, 19%, 46%, 5%)
Oklch
oklch(85.1% 0.099 76.8)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F8F29A

Fresh Green · Khaki · Lemon Cream

HEX
#F8F29A
RGB
rgb(248, 242, 154)
HSL
hsl(56, 87%, 79%)
HSB
hsb(56, 38%, 97%)
CMYK
cmyk(0%, 2%, 38%, 3%)
Oklch
oklch(94.7% 0.109 104.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6D514D
4C676B

Analogous

6B4C58
6D514D
6B604C

Triadic

6D514D
4C6B50
504C6B

Split-Comp.

6D514D
4C6B60
4C586B

Tetradic

6D514D
586B4C
4C676B
604C6B

Contrast Matrix WCAG 2.1 Contrast

6D514D
DD7069
EB9C73
F3C683
F8F29A
—
2.2
Fail
3.2
AA Large
4.5
AA
6.2
AA
2.2
Fail
—
1.4
Fail
2.0
Fail
2.8
Fail
3.2
AA Large
1.4
Fail
—
1.4
Fail
1.9
Fail
4.5
AA
2.0
Fail
1.4
Fail
—
1.4
Fail
6.2
AA
2.8
Fail
1.9
Fail
1.4
Fail
—
White BG
7.2AAA
3.2AA Large
2.2Fail
1.6Fail
1.2Fail
Black BG
2.9Fail
6.6AA
9.5AAA
13.2AAA
18.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

61614E
AEAD6B
C9C87D
E0DF93
F5F5AF

Deuteranopia

63654E
B4BC6B
CDD37F
E2E697
F6F6B4

Tritanopia

6C4F4F
D86C6C
E78586
F1A0A3
F8C0C4

Achromatopsia

595959
909090
AFAFAF
CCCCCC
EAEAEA

Shades & Tints Shades & Tints

#6D514D

Dark
Light

#DD7069

Dark
Light

#EB9C73

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6d514d;
  --color-2: #dd7069;
  --color-3: #eb9c73;
  --color-4: #f3c683;
  --color-5: #f8f29a;
}

SCSS

$color-1: #6d514d;
$color-2: #dd7069;
$color-3: #eb9c73;
$color-4: #f3c683;
$color-5: #f8f29a;

TAILWIND

colors: {
  'brand-1': '#6d514d',
  'brand-2': '#dd7069',
  'brand-3': '#eb9c73',
  'brand-4': '#f3c683',
  'brand-5': '#f8f29a',
}

RGB Array

[109, 81, 77], [221, 112, 105], [235, 156, 115], [243, 198, 131], [248, 242, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6D514D, #DD7069, #EB9C73, #F3C683, #F8F29A 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: #6d514d; --color-2: #dd7069; --color-3: #eb9c73; --color-4: #f3c683; --color-5: #f8f29a. 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