← Back to Editor

#2D2C2C · #655553 · #E75C4E · #F9B274 · #FFFEC0

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#2D2C2C

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2D2C2C
RGB
rgb(45, 44, 44)
HSL
hsl(0, 1%, 17%)
HSB
hsb(0, 2%, 18%)
CMYK
cmyk(0%, 2%, 2%, 82%)
Oklch
oklch(29.4% 0.001 17.2)

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

#655553

Crimson · DimGray · Wine Red

HEX
#655553
RGB
rgb(101, 85, 83)
HSL
hsl(7, 10%, 36%)
HSB
hsb(7, 18%, 40%)
CMYK
cmyk(0%, 16%, 18%, 60%)
Oklch
oklch(46.5% 0.021 26.4)

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

#E75C4E

Peach Pink · Tomato · Coral Red

HEX
#E75C4E
RGB
rgb(231, 92, 78)
HSL
hsl(5, 76%, 61%)
HSB
hsb(5, 66%, 91%)
CMYK
cmyk(0%, 60%, 66%, 9%)
Oklch
oklch(65.2% 0.175 28.6)

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

#F9B274

Apricot · LightSalmon · Warm Sun

HEX
#F9B274
RGB
rgb(249, 178, 116)
HSL
hsl(28, 92%, 72%)
HSB
hsb(28, 53%, 98%)
CMYK
cmyk(0%, 29%, 53%, 2%)
Oklch
oklch(81.8% 0.114 61.3)

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

#FFFEC0

Fresh Green · Bisque · Lemon Cream

HEX
#FFFEC0
RGB
rgb(255, 254, 192)
HSL
hsl(59, 100%, 88%)
HSB
hsb(59, 25%, 100%)
CMYK
cmyk(0%, 0%, 25%, 0%)
Oklch
oklch(98.3% 0.079 107.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2D2C2C
2B2C2C

Analogous

2C2B2B
2D2C2C
2C2B2B

Triadic

2D2C2C
2B2C2B
2B2B2C

Split-Comp.

2D2C2C
2B2C2B
2B2B2C

Tetradic

2D2C2C
2B2C2B
2B2C2C
2B2B2C

Contrast Matrix WCAG 2.1 Contrast

2D2C2C
655553
E75C4E
F9B274
FFFEC0
—
2.0
Fail
4.0
AA Large
7.7
AAA
13.4
AAA
2.0
Fail
—
2.0
Fail
3.9
AA Large
6.8
AA
4.0
AA Large
2.0
Fail
—
1.9
Fail
3.3
AA Large
7.7
AAA
3.9
AA Large
1.9
Fail
—
1.7
Fail
13.4
AAA
6.8
AA
3.3
AA Large
1.7
Fail
—
White BG
13.9AAA
7.1AAA
3.5AA Large
1.8Fail
1.0Fail
Black BG
1.5Fail
3.0Fail
6.0AA
11.6AAA
20.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2D2D2C
5E5E53
ABAA51
DADA83
FFFFCF

Deuteranopia

2D2D2C
5F6054
B3BD52
DEE487
FFFFD3

Tritanopia

2D2C2C
645454
E05455
F58F91
FFDBDD

Achromatopsia

2C2C2C
5A5A5A
848484
C0C0C0
F7F7F7

Shades & Tints Shades & Tints

#2D2C2C

Dark
Light

#655553

Dark
Light

#E75C4E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2d2c2c;
  --color-2: #655553;
  --color-3: #e75c4e;
  --color-4: #f9b274;
  --color-5: #fffec0;
}

SCSS

$color-1: #2d2c2c;
$color-2: #655553;
$color-3: #e75c4e;
$color-4: #f9b274;
$color-5: #fffec0;

TAILWIND

colors: {
  'brand-1': '#2d2c2c',
  'brand-2': '#655553',
  'brand-3': '#e75c4e',
  'brand-4': '#f9b274',
  'brand-5': '#fffec0',
}

RGB Array

[45, 44, 44], [101, 85, 83], [231, 92, 78], [249, 178, 116], [255, 254, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #2D2C2C, #655553, #E75C4E, #F9B274, #FFFEC0 is ideal for: 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: #2d2c2c; --color-2: #655553; --color-3: #e75c4e; --color-4: #f9b274; --color-5: #fffec0. 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 warm-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