← Back to Editor

#7D3727 · #DF7B23 · #EFA922 · #F1EFC1 · #C0E5DA

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#7D3727

Crimson · Brown · Wine Red

HEX
#7D3727
RGB
rgb(125, 55, 39)
HSL
hsl(11, 52%, 32%)
HSB
hsb(11, 69%, 49%)
CMYK
cmyk(0%, 56%, 69%, 51%)
Oklch
oklch(42.8% 0.101 34.2)

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

#DF7B23

Tangerine · Chocolate · Warm Sun

HEX
#DF7B23
RGB
rgb(223, 123, 35)
HSL
hsl(28, 75%, 51%)
HSB
hsb(28, 84%, 87%)
CMYK
cmyk(0%, 45%, 84%, 13%)
Oklch
oklch(68.2% 0.155 55.7)

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

#EFA922

Ginger · GoldenRod · Sunflower

HEX
#EFA922
RGB
rgb(239, 169, 34)
HSL
hsl(40, 86%, 54%)
HSB
hsb(40, 86%, 94%)
CMYK
cmyk(0%, 29%, 86%, 6%)
Oklch
oklch(78.2% 0.156 77.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#F1EFC1

Fresh Green · Bisque · Lemon Cream

HEX
#F1EFC1
RGB
rgb(241, 239, 193)
HSL
hsl(58, 63%, 85%)
HSB
hsb(58, 20%, 95%)
CMYK
cmyk(0%, 1%, 20%, 5%)
Oklch
oklch(94.2% 0.060 105.4)

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

#C0E5DA

Jade · LightBlue · Glacier Blue

HEX
#C0E5DA
RGB
rgb(192, 229, 218)
HSL
hsl(162, 42%, 83%)
HSB
hsb(162, 16%, 90%)
CMYK
cmyk(16%, 0%, 5%, 10%)
Oklch
oklch(89.2% 0.041 175.4)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7D3727
276C7C

Analogous

7C2742
7D3727
7C6127

Triadic

7D3727
277C37
37277C

Split-Comp.

7D3727
277C61
27427C

Tetradic

7D3727
427C27
276C7C
61277C

Contrast Matrix WCAG 2.1 Contrast

7D3727
DF7B23
EFA922
F1EFC1
C0E5DA
—
2.9
Fail
4.2
AA Large
7.3
AAA
6.3
AA
2.9
Fail
—
1.5
Fail
2.6
Fail
2.2
Fail
4.2
AA Large
1.5
Fail
—
1.7
Fail
1.5
Fail
7.3
AAA
2.6
Fail
1.7
Fail
—
1.2
Fail
6.3
AA
2.2
Fail
1.5
Fail
1.2
Fail
—
White BG
8.6AAA
3.0AA Large
2.0Fail
1.2Fail
1.4Fail
Black BG
2.4Fail
7.0AA
10.4AAA
17.9AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F5E2B
B4B338
D1D043
F0F0CC
D0D0DD

Deuteranopia

63682C
BAC13D
D5DA4B
F0F0CF
CECBDD

Tritanopia

7A2E2F
DA494D
EB5C62
F1D5D7
C2DFDF

Achromatopsia

4A4A4A
8F8F8F
AFAFAF
EAEAEA
D9D9D9

Shades & Tints Shades & Tints

#7D3727

Dark
Light

#DF7B23

Dark
Light

#EFA922

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7d3727;
  --color-2: #df7b23;
  --color-3: #efa922;
  --color-4: #f1efc1;
  --color-5: #c0e5da;
}

SCSS

$color-1: #7d3727;
$color-2: #df7b23;
$color-3: #efa922;
$color-4: #f1efc1;
$color-5: #c0e5da;

TAILWIND

colors: {
  'brand-1': '#7d3727',
  'brand-2': '#df7b23',
  'brand-3': '#efa922',
  'brand-4': '#f1efc1',
  'brand-5': '#c0e5da',
}

RGB Array

[125, 55, 39], [223, 123, 35], [239, 169, 34], [241, 239, 193], [192, 229, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7D3727, #DF7B23, #EFA922, #F1EFC1, #C0E5DA 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: #7d3727; --color-2: #df7b23; --color-3: #efa922; --color-4: #f1efc1; --color-5: #c0e5da. 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