← Back to Editor

#EDD8C3 · #99A671 · #CA794A · #C63B3E · #F35E64

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EDD8C3

Goose Yellow · Wheat · Peach Orange

HEX
#EDD8C3
RGB
rgb(237, 216, 195)
HSL
hsl(30, 54%, 85%)
HSB
hsb(30, 18%, 93%)
CMYK
cmyk(0%, 9%, 18%, 7%)
Oklch
oklch(89.4% 0.037 67.3)

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

#99A671

Grass Green · DarkSeaGreen · Olive Green

HEX
#99A671
RGB
rgb(153, 166, 113)
HSL
hsl(75, 23%, 55%)
HSB
hsb(75, 32%, 65%)
CMYK
cmyk(8%, 0%, 32%, 35%)
Oklch
oklch(70.1% 0.074 119.6)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#CA794A

Tangerine · Chocolate · Warm Sun

HEX
#CA794A
RGB
rgb(202, 121, 74)
HSL
hsl(22, 55%, 54%)
HSB
hsb(22, 63%, 79%)
CMYK
cmyk(0%, 40%, 63%, 21%)
Oklch
oklch(65.4% 0.119 49.7)

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

#C63B3E

Crimson · Brown · Passion Red

HEX
#C63B3E
RGB
rgb(198, 59, 62)
HSL
hsl(359, 55%, 50%)
HSB
hsb(359, 70%, 78%)
CMYK
cmyk(0%, 70%, 69%, 22%)
Oklch
oklch(55.8% 0.176 23.8)

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

#F35E64

Peach Pink · Tomato · Coral Red

HEX
#F35E64
RGB
rgb(243, 94, 100)
HSL
hsl(358, 86%, 66%)
HSB
hsb(358, 61%, 95%)
CMYK
cmyk(0%, 61%, 59%, 5%)
Oklch
oklch(67.6% 0.183 21.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDD8C3
C4D9ED

Analogous

EDC4C4
EDD8C3
EDEDC4

Triadic

EDD8C3
C4EDD9
D9C4ED

Split-Comp.

EDD8C3
C4EDED
C4C4ED

Tetradic

EDD8C3
C4EDC4
C4D9ED
EDC4ED

Contrast Matrix WCAG 2.1 Contrast

EDD8C3
99A671
CA794A
C63B3E
F35E64
—
1.9
Fail
2.4
Fail
3.7
AA Large
2.3
Fail
1.9
Fail
—
1.3
Fail
2.0
Fail
1.2
Fail
2.4
Fail
1.3
Fail
—
1.5
Fail
1.0
Fail
3.7
AA Large
2.0
Fail
1.5
Fail
—
1.6
Fail
2.3
Fail
1.2
Fail
1.0
Fail
1.6
Fail
—
White BG
1.4Fail
2.6Fail
3.3AA Large
5.1AA
3.2AA Large
Black BG
15.2AAA
8.0AAA
6.3AA
4.1AA Large
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4C8
9F9F7E
A7A655
8A893D
B2B163

Deuteranopia

E5E7C9
9E9D81
ACB258
929C3D
BBC662

Tritanopia

ECCCCD
9A888A
C65E60
BF3D3D
EC6161

Achromatopsia

DCDCDC
9C9C9C
8C8C8C
656565
8B8B8B

Shades & Tints Shades & Tints

#EDD8C3

Dark
Light

#99A671

Dark
Light

#CA794A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edd8c3;
  --color-2: #99a671;
  --color-3: #ca794a;
  --color-4: #c63b3e;
  --color-5: #f35e64;
}

SCSS

$color-1: #edd8c3;
$color-2: #99a671;
$color-3: #ca794a;
$color-4: #c63b3e;
$color-5: #f35e64;

TAILWIND

colors: {
  'brand-1': '#edd8c3',
  'brand-2': '#99a671',
  'brand-3': '#ca794a',
  'brand-4': '#c63b3e',
  'brand-5': '#f35e64',
}

RGB Array

[237, 216, 195], [153, 166, 113], [202, 121, 74], [198, 59, 62], [243, 94, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDD8C3, #99A671, #CA794A, #C63B3E, #F35E64 is ideal for: corporate websites, product showcases, portfolios. 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: #edd8c3; --color-2: #99a671; --color-3: #ca794a; --color-4: #c63b3e; --color-5: #f35e64. 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. 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 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