← Back to Editor

#C3B395 · #986F61 · #CE8A6B · #E6CE98 · #69B194

pastel

A 5-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 PostIllustration

Color Details Color Details

#C3B395

Ginger · Tan · Warm Sun

HEX
#C3B395
RGB
rgb(195, 179, 149)
HSL
hsl(39, 28%, 67%)
HSB
hsb(39, 24%, 76%)
CMYK
cmyk(0%, 8%, 24%, 24%)
Oklch
oklch(77.2% 0.045 83.2)

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

#986F61

Tangerine · Gray · Amber Brown

HEX
#986F61
RGB
rgb(152, 111, 97)
HSL
hsl(15, 22%, 49%)
HSB
hsb(15, 36%, 60%)
CMYK
cmyk(0%, 27%, 36%, 40%)
Oklch
oklch(57.9% 0.057 39.7)

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

#CE8A6B

Apricot · DarkSalmon · Warm Sun

HEX
#CE8A6B
RGB
rgb(206, 138, 107)
HSL
hsl(19, 50%, 61%)
HSB
hsb(19, 48%, 81%)
CMYK
cmyk(0%, 33%, 48%, 19%)
Oklch
oklch(69.5% 0.094 45.2)

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

#E6CE98

Goose Yellow · Khaki · Sunflower

HEX
#E6CE98
RGB
rgb(230, 206, 152)
HSL
hsl(42, 61%, 75%)
HSB
hsb(42, 34%, 90%)
CMYK
cmyk(0%, 10%, 34%, 10%)
Oklch
oklch(85.9% 0.075 86.7)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#69B194

Mineral Blue · CadetBlue · Olive Green

HEX
#69B194
RGB
rgb(105, 177, 148)
HSL
hsl(156, 32%, 55%)
HSB
hsb(156, 41%, 69%)
CMYK
cmyk(41%, 0%, 16%, 31%)
Oklch
oklch(70.5% 0.085 166.3)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C3B395
93A4C2

Analogous

C29A93
C3B395
BBC293

Triadic

C3B395
93C2B2
B293C2

Split-Comp.

C3B395
93BBC2
9A93C2

Tetradic

C3B395
93C29A
93A4C2
C293BB

Contrast Matrix WCAG 2.1 Contrast

C3B395
986F61
CE8A6B
E6CE98
69B194
—
2.1
Fail
1.4
Fail
1.3
Fail
1.2
Fail
2.1
Fail
—
1.6
Fail
2.9
Fail
1.7
Fail
1.4
Fail
1.6
Fail
—
1.8
Fail
1.1
Fail
1.3
Fail
2.9
Fail
1.8
Fail
—
1.6
Fail
1.2
Fail
1.7
Fail
1.1
Fail
1.6
Fail
—
White BG
2.1Fail
4.4AA Large
2.8Fail
1.5Fail
2.5Fail
Black BG
10.2AAA
4.8AA
7.5AAA
13.6AAA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBC9C
868664
B1B073
DCDBA5
88899B

Deuteranopia

BDBE9E
898C65
B5BA74
DDDFA8
847F9D

Tritanopia

C2A2A3
966768
CB787A
E5AFB2
6DA1A2

Achromatopsia

B4B4B4
7A7A7A
9B9B9B
CFCFCF
989898

Shades & Tints Shades & Tints

#C3B395

Dark
Light

#986F61

Dark
Light

#CE8A6B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c3b395;
  --color-2: #986f61;
  --color-3: #ce8a6b;
  --color-4: #e6ce98;
  --color-5: #69b194;
}

SCSS

$color-1: #c3b395;
$color-2: #986f61;
$color-3: #ce8a6b;
$color-4: #e6ce98;
$color-5: #69b194;

TAILWIND

colors: {
  'brand-1': '#c3b395',
  'brand-2': '#986f61',
  'brand-3': '#ce8a6b',
  'brand-4': '#e6ce98',
  'brand-5': '#69b194',
}

RGB Array

[195, 179, 149], [152, 111, 97], [206, 138, 107], [230, 206, 152], [105, 177, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #C3B395, #986F61, #CE8A6B, #E6CE98, #69B194 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: #c3b395; --color-2: #986f61; --color-3: #ce8a6b; --color-4: #e6ce98; --color-5: #69b194. 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 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