← Back to Editor

#CECCA3 · #776841 · #BBC73C · #575047 · #E49D34

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#CECCA3

Fresh Green · Tan · Sunflower

HEX
#CECCA3
RGB
rgb(206, 204, 163)
HSL
hsl(57, 30%, 72%)
HSB
hsb(57, 21%, 81%)
CMYK
cmyk(0%, 1%, 21%, 19%)
Oklch
oklch(83.6% 0.055 105.2)

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

#776841

Ochre · DarkOliveGreen · Honey Gold

HEX
#776841
RGB
rgb(119, 104, 65)
HSL
hsl(43, 29%, 36%)
HSB
hsb(43, 45%, 47%)
CMYK
cmyk(0%, 13%, 45%, 53%)
Oklch
oklch(52.2% 0.059 89.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#BBC73C

Autumn Sage · GoldenRod · Sunflower

HEX
#BBC73C
RGB
rgb(187, 199, 60)
HSL
hsl(65, 55%, 51%)
HSB
hsb(65, 70%, 78%)
CMYK
cmyk(6%, 0%, 70%, 22%)
Oklch
oklch(79.5% 0.158 114.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#575047

Ochre · DarkOliveGreen · Amber Brown

HEX
#575047
RGB
rgb(87, 80, 71)
HSL
hsl(34, 10%, 31%)
HSB
hsb(34, 18%, 34%)
CMYK
cmyk(0%, 8%, 18%, 66%)
Oklch
oklch(43.5% 0.017 74.2)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#E49D34

Ginger · GoldenRod · Warm Sun

HEX
#E49D34
RGB
rgb(228, 157, 52)
HSL
hsl(36, 77%, 55%)
HSB
hsb(36, 77%, 89%)
CMYK
cmyk(0%, 31%, 77%, 11%)
Oklch
oklch(74.9% 0.142 72.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CECCA3
A2A4CD

Analogous

CDB5A2
CECCA3
BACDA2

Triadic

CECCA3
A2CDCB
CBA2CD

Split-Comp.

CECCA3
A2BACD
B5A2CD

Tetradic

CECCA3
A2CDB5
A2A4CD
CDA2BA

Contrast Matrix WCAG 2.1 Contrast

CECCA3
776841
BBC73C
575047
E49D34
—
3.3
AA Large
1.1
Fail
4.8
AA
1.4
Fail
3.3
AA Large
—
3.0
Fail
1.5
Fail
2.4
Fail
1.1
Fail
3.0
Fail
—
4.3
AA Large
1.2
Fail
4.8
AA
1.5
Fail
4.3
AA Large
—
3.5
AA Large
1.4
Fail
2.4
Fail
1.2
Fail
3.5
AA Large
—
White BG
1.6Fail
5.5AA
1.9Fail
7.9AAA
2.3Fail
Black BG
12.8AAA
3.8AA Large
11.3AAA
2.6Fail
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDAD
71704A
C0C05E
545449
C5C54D

Deuteranopia

CDCDAF
71734D
C0BF66
54554A
C9CF54

Tritanopia

CEB5B6
765254
BC787E
574B4B
E06166

Achromatopsia

C8C8C8
686868
B4B4B4
515151
A6A6A6

Shades & Tints Shades & Tints

#CECCA3

Dark
Light

#776841

Dark
Light

#BBC73C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cecca3;
  --color-2: #776841;
  --color-3: #bbc73c;
  --color-4: #575047;
  --color-5: #e49d34;
}

SCSS

$color-1: #cecca3;
$color-2: #776841;
$color-3: #bbc73c;
$color-4: #575047;
$color-5: #e49d34;

TAILWIND

colors: {
  'brand-1': '#cecca3',
  'brand-2': '#776841',
  'brand-3': '#bbc73c',
  'brand-4': '#575047',
  'brand-5': '#e49d34',
}

RGB Array

[206, 204, 163], [119, 104, 65], [187, 199, 60], [87, 80, 71], [228, 157, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #CECCA3, #776841, #BBC73C, #575047, #E49D34 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: #cecca3; --color-2: #776841; --color-3: #bbc73c; --color-4: #575047; --color-5: #e49d34. 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 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