← Back to Editor

#C95336 · #F4A565 · #F8C897 · #EDF7D5 · #B8A562

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#C95336

Crimson · Chocolate · Passion Red

HEX
#C95336
RGB
rgb(201, 83, 54)
HSL
hsl(12, 58%, 50%)
HSB
hsb(12, 73%, 79%)
CMYK
cmyk(0%, 59%, 73%, 21%)
Oklch
oklch(59.1% 0.157 35.0)

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

#F4A565

Apricot · SandyBrown · Warm Sun

HEX
#F4A565
RGB
rgb(244, 165, 101)
HSL
hsl(27, 87%, 68%)
HSB
hsb(27, 59%, 96%)
CMYK
cmyk(0%, 32%, 59%, 4%)
Oklch
oklch(78.6% 0.123 58.7)

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

#F8C897

Goose Yellow · Khaki · Peach Orange

HEX
#F8C897
RGB
rgb(248, 200, 151)
HSL
hsl(30, 87%, 78%)
HSB
hsb(30, 39%, 97%)
CMYK
cmyk(0%, 19%, 39%, 3%)
Oklch
oklch(86.4% 0.084 66.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EDF7D5

Willow Green · Beige · Mint Green

HEX
#EDF7D5
RGB
rgb(237, 247, 213)
HSL
hsl(78, 68%, 90%)
HSB
hsb(78, 14%, 97%)
CMYK
cmyk(4%, 0%, 14%, 3%)
Oklch
oklch(96.0% 0.046 120.6)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#B8A562

Ginger · Tan · Sunflower

HEX
#B8A562
RGB
rgb(184, 165, 98)
HSL
hsl(47, 38%, 55%)
HSB
hsb(47, 47%, 72%)
CMYK
cmyk(0%, 10%, 47%, 28%)
Oklch
oklch(72.3% 0.090 94.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C95336
36ACC9

Analogous

C93662
C95336
C99D36

Triadic

C95336
36C953
5336C9

Split-Comp.

C95336
36C99D
3662C9

Tetradic

C95336
62C936
36ACC9
9D36C9

Contrast Matrix WCAG 2.1 Contrast

C95336
F4A565
F8C897
EDF7D5
B8A562
—
2.2
Fail
2.9
Fail
4.0
AA Large
1.8
Fail
2.2
Fail
—
1.3
Fail
1.8
Fail
1.2
Fail
2.9
Fail
1.3
Fail
—
1.4
Fail
1.6
Fail
4.0
AA Large
1.8
Fail
1.4
Fail
—
2.2
Fail
1.8
Fail
1.2
Fail
1.6
Fail
2.2
Fail
—
White BG
4.4AA Large
2.0Fail
1.5Fail
1.1Fail
2.4Fail
Black BG
4.8AA
10.4AAA
13.7AAA
18.9AAA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

96953D
D2D174
E3E3A3
F1F1DD
B0B072

Deuteranopia

9DA63F
D6DC78
E6EAA6
F1F0DF
B1B276

Tritanopia

C34344
F08183
F6ACAE
EDE4E5
B77F82

Achromatopsia

737373
B5B5B5
D1D1D1
F0F0F0
A3A3A3

Shades & Tints Shades & Tints

#C95336

Dark
Light

#F4A565

Dark
Light

#F8C897

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c95336;
  --color-2: #f4a565;
  --color-3: #f8c897;
  --color-4: #edf7d5;
  --color-5: #b8a562;
}

SCSS

$color-1: #c95336;
$color-2: #f4a565;
$color-3: #f8c897;
$color-4: #edf7d5;
$color-5: #b8a562;

TAILWIND

colors: {
  'brand-1': '#c95336',
  'brand-2': '#f4a565',
  'brand-3': '#f8c897',
  'brand-4': '#edf7d5',
  'brand-5': '#b8a562',
}

RGB Array

[201, 83, 54], [244, 165, 101], [248, 200, 151], [237, 247, 213], [184, 165, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #C95336, #F4A565, #F8C897, #EDF7D5, #B8A562 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #c95336; --color-2: #f4a565; --color-3: #f8c897; --color-4: #edf7d5; --color-5: #b8a562. 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. 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 dark-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