← Back to Editor

#311F15 · #81775E · #FC4B68 · #E67B99 · #D4C6BD

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

#311F15

Tangerine · Black · Cinnamon

HEX
#311F15
RGB
rgb(49, 31, 21)
HSL
hsl(21, 40%, 14%)
HSB
hsb(21, 57%, 19%)
CMYK
cmyk(0%, 37%, 57%, 81%)
Oklch
oklch(25.9% 0.033 49.8)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#81775E

Ochre · DimGray · Honey Gold

HEX
#81775E
RGB
rgb(129, 119, 94)
HSL
hsl(43, 16%, 44%)
HSB
hsb(43, 27%, 51%)
CMYK
cmyk(0%, 8%, 27%, 49%)
Oklch
oklch(57.1% 0.039 88.8)

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

#FC4B68

Peach Pink · Tomato · Coral Red

HEX
#FC4B68
RGB
rgb(252, 75, 104)
HSL
hsl(350, 97%, 64%)
HSB
hsb(350, 70%, 99%)
CMYK
cmyk(0%, 70%, 59%, 1%)
Oklch
oklch(67.1% 0.212 15.8)

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

#E67B99

Rouge · LightCoral · Rose Pink

HEX
#E67B99
RGB
rgb(230, 123, 153)
HSL
hsl(343, 68%, 69%)
HSB
hsb(343, 47%, 90%)
CMYK
cmyk(0%, 47%, 33%, 10%)
Oklch
oklch(71.0% 0.135 3.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#D4C6BD

Apricot · Silver · Peach Orange

HEX
#D4C6BD
RGB
rgb(212, 198, 189)
HSL
hsl(23, 21%, 79%)
HSB
hsb(23, 11%, 83%)
CMYK
cmyk(0%, 7%, 11%, 17%)
Oklch
oklch(83.6% 0.020 55.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

311F15
152832

Analogous

32151A
311F15
322E15

Triadic

311F15
15321F
1F1532

Split-Comp.

311F15
15322E
151A32

Tetradic

311F15
1A3215
152832
2E1532

Contrast Matrix WCAG 2.1 Contrast

311F15
81775E
FC4B68
E67B99
D4C6BD
—
3.5
AA Large
4.7
AA
5.7
AA
9.4
AAA
3.5
AA Large
—
1.3
Fail
1.6
Fail
2.7
Fail
4.7
AA
1.3
Fail
—
1.2
Fail
2.0
Fail
5.7
AA
1.6
Fail
1.2
Fail
—
1.6
Fail
9.4
AAA
2.7
Fail
2.0
Fail
1.6
Fail
—
White BG
15.7AAA
4.4AA Large
3.3AA Large
2.7Fail
1.7Fail
Black BG
1.3Fail
4.7AA
6.3AA
7.7AAA
12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

292917
7D7D64
AFAE61
B8B792
CECEBF

Deuteranopia

2A2C18
7D7E66
BAC75F
BEC690
CFD0C0

Tritanopia

30191A
81696A
F35B5A
E18C8B
D3C1C1

Achromatopsia

232323
777777
838383
9E9E9E
C9C9C9

Shades & Tints Shades & Tints

#311F15

Dark
Light

#81775E

Dark
Light

#FC4B68

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #311f15;
  --color-2: #81775e;
  --color-3: #fc4b68;
  --color-4: #e67b99;
  --color-5: #d4c6bd;
}

SCSS

$color-1: #311f15;
$color-2: #81775e;
$color-3: #fc4b68;
$color-4: #e67b99;
$color-5: #d4c6bd;

TAILWIND

colors: {
  'brand-1': '#311f15',
  'brand-2': '#81775e',
  'brand-3': '#fc4b68',
  'brand-4': '#e67b99',
  'brand-5': '#d4c6bd',
}

RGB Array

[49, 31, 21], [129, 119, 94], [252, 75, 104], [230, 123, 153], [212, 198, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #311F15, #81775E, #FC4B68, #E67B99, #D4C6BD 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: #311f15; --color-2: #81775e; --color-3: #fc4b68; --color-4: #e67b99; --color-5: #d4c6bd. 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