← Back to Editor

#665E5B · #EA7351 · #E7A559 · #FFE9C3 · #D6CBC7

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#665E5B

Ink Gray · DimGray · Charcoal

HEX
#665E5B
RGB
rgb(102, 94, 91)
HSL
hsl(16, 6%, 38%)
HSB
hsb(16, 11%, 40%)
CMYK
cmyk(0%, 8%, 11%, 60%)
Oklch
oklch(48.8% 0.011 41.8)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#EA7351

Peach Pink · Coral · Coral Red

HEX
#EA7351
RGB
rgb(234, 115, 81)
HSL
hsl(13, 78%, 62%)
HSB
hsb(13, 65%, 92%)
CMYK
cmyk(0%, 51%, 65%, 8%)
Oklch
oklch(68.8% 0.156 36.8)

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

#E7A559

Ginger · SandyBrown · Warm Sun

HEX
#E7A559
RGB
rgb(231, 165, 89)
HSL
hsl(32, 75%, 63%)
HSB
hsb(32, 61%, 91%)
CMYK
cmyk(0%, 29%, 61%, 9%)
Oklch
oklch(77.0% 0.121 68.1)

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

#FFE9C3

Goose Yellow · Bisque · Peach Orange

HEX
#FFE9C3
RGB
rgb(255, 233, 195)
HSL
hsl(38, 100%, 88%)
HSB
hsb(38, 24%, 100%)
CMYK
cmyk(0%, 9%, 24%, 0%)
Oklch
oklch(94.2% 0.055 81.3)

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

#D6CBC7

Apricot · LightGray · Peach Orange

HEX
#D6CBC7
RGB
rgb(214, 203, 199)
HSL
hsl(16, 15%, 81%)
HSB
hsb(16, 7%, 84%)
CMYK
cmyk(0%, 5%, 7%, 16%)
Oklch
oklch(85.0% 0.014 41.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

665E5B
5B6467

Analogous

675B5E
665E5B
67645B

Triadic

665E5B
5B675E
5E5B67

Split-Comp.

665E5B
5B6764
5B5E67

Tetradic

665E5B
5E675B
5B6467
645B67

Contrast Matrix WCAG 2.1 Contrast

665E5B
EA7351
E7A559
FFE9C3
D6CBC7
—
2.1
Fail
3.0
Fail
5.3
AA
4.0
AA Large
2.1
Fail
—
1.4
Fail
2.5
Fail
1.9
Fail
3.0
Fail
1.4
Fail
—
1.8
Fail
1.3
Fail
5.3
AA
2.5
Fail
1.8
Fail
—
1.3
Fail
4.0
AA Large
1.9
Fail
1.3
Fail
1.3
Fail
—
White BG
6.3AA
3.0Fail
2.1Fail
1.2Fail
1.6Fail
Black BG
3.3AA Large
7.1AAA
9.9AAA
17.7AAA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

63625C
B6B559
CACA6B
F5F5CC
D1D1C8

Deuteranopia

63645C
BDC65B
CED370
F7F8CE
D2D3C8

Tritanopia

665C5C
E46061
E47A7D
FED3D5
D5C9C9

Achromatopsia

606060
939393
B0B0B0
EBEBEB
CECECE

Shades & Tints Shades & Tints

#665E5B

Dark
Light

#EA7351

Dark
Light

#E7A559

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #665e5b;
  --color-2: #ea7351;
  --color-3: #e7a559;
  --color-4: #ffe9c3;
  --color-5: #d6cbc7;
}

SCSS

$color-1: #665e5b;
$color-2: #ea7351;
$color-3: #e7a559;
$color-4: #ffe9c3;
$color-5: #d6cbc7;

TAILWIND

colors: {
  'brand-1': '#665e5b',
  'brand-2': '#ea7351',
  'brand-3': '#e7a559',
  'brand-4': '#ffe9c3',
  'brand-5': '#d6cbc7',
}

RGB Array

[102, 94, 91], [234, 115, 81], [231, 165, 89], [255, 233, 195], [214, 203, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #665E5B, #EA7351, #E7A559, #FFE9C3, #D6CBC7 is ideal for: health products, baby brands, fresh-style blogs, 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: #665e5b; --color-2: #ea7351; --color-3: #e7a559; --color-4: #ffe9c3; --color-5: #d6cbc7. 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. 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