← Back to Editor

#CDC0AF · #373B1A · #730B14 · #E7E8EA

pastel

A 4-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#CDC0AF

Goose Yellow · Silver · Warm Sun

HEX
#CDC0AF
RGB
rgb(205, 192, 175)
HSL
hsl(34, 23%, 75%)
HSB
hsb(34, 15%, 80%)
CMYK
cmyk(0%, 6%, 15%, 20%)
Oklch
oklch(81.4% 0.028 74.7)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#373B1A

Autumn Sage · DarkSlateGray · Amber Gold

HEX
#373B1A
RGB
rgb(55, 59, 26)
HSL
hsl(67, 39%, 17%)
HSB
hsb(67, 56%, 23%)
CMYK
cmyk(7%, 0%, 56%, 77%)
Oklch
oklch(34.0% 0.052 114.9)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#730B14

Vermilion · Maroon · Wine Red

HEX
#730B14
RGB
rgb(115, 11, 20)
HSL
hsl(355, 83%, 25%)
HSB
hsb(355, 90%, 45%)
CMYK
cmyk(0%, 90%, 83%, 55%)
Oklch
oklch(35.7% 0.135 24.4)

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

#E7E8EA

Plain White · Lavender · Cloud White

HEX
#E7E8EA
RGB
rgb(231, 232, 234)
HSL
hsl(220, 7%, 91%)
HSB
hsb(220, 1%, 92%)
CMYK
cmyk(1%, 1%, 0%, 8%)
Oklch
oklch(93.1% 0.003 264.5)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDC0AF
B1BDCE

Analogous

CEB3B1
CDC0AF
CCCEB1

Triadic

CDC0AF
B1CEC1
C1B1CE

Split-Comp.

CDC0AF
B1CCCE
B3B1CE

Tetradic

CDC0AF
B1CEB3
B1BDCE
CEB1CC

Contrast Matrix WCAG 2.1 Contrast

CDC0AF
373B1A
730B14
E7E8EA
—
6.5
AA
6.6
AA
1.5
Fail
6.5
AA
—
1.0
Fail
9.5
AAA
6.6
AA
1.0
Fail
—
9.6
AAA
1.5
Fail
9.5
AAA
9.6
AAA
—
White BG
1.8Fail
11.6AAA
11.8AAA
1.2Fail
Black BG
11.8AAA
1.8Fail
1.8Fail
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C7B3
393922
464512
E7E7EA

Deuteranopia

C8C9B4
393824
4C5411
E7E7E9

Tritanopia

CCB6B7
37282A
6E1010
E7E9E9

Achromatopsia

C2C2C2
363636
2B2B2B
E8E8E8

Shades & Tints Shades & Tints

#CDC0AF

Dark
Light

#373B1A

Dark
Light

#730B14

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdc0af;
  --color-2: #373b1a;
  --color-3: #730b14;
  --color-4: #e7e8ea;
}

SCSS

$color-1: #cdc0af;
$color-2: #373b1a;
$color-3: #730b14;
$color-4: #e7e8ea;

TAILWIND

colors: {
  'brand-1': '#cdc0af',
  'brand-2': '#373b1a',
  'brand-3': '#730b14',
  'brand-4': '#e7e8ea',
}

RGB Array

[205, 192, 175], [55, 59, 26], [115, 11, 20], [231, 232, 234]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This pastel-style palette of #CDC0AF, #373B1A, #730B14, #E7E8EA is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #cdc0af; --color-2: #373b1a; --color-3: #730b14; --color-4: #e7e8ea. 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 pastel-style 4-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