← Back to Editor

#D3B753 · #FD7F4D · #F66B64 · #745857 · #2A5C5B

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 PostIllustrationData Visualization

Color Details Color Details

#D3B753

Ginger · SandyBrown · Sunflower

HEX
#D3B753
RGB
rgb(211, 183, 83)
HSL
hsl(47, 59%, 58%)
HSB
hsb(47, 61%, 83%)
CMYK
cmyk(0%, 13%, 61%, 17%)
Oklch
oklch(78.4% 0.123 93.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#FD7F4D

Apricot · Coral · Warm Sun

HEX
#FD7F4D
RGB
rgb(253, 127, 77)
HSL
hsl(17, 98%, 65%)
HSB
hsb(17, 70%, 99%)
CMYK
cmyk(0%, 50%, 70%, 1%)
Oklch
oklch(73.2% 0.167 41.4)

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

#F66B64

Peach Pink · Salmon · Coral Red

HEX
#F66B64
RGB
rgb(246, 107, 100)
HSL
hsl(3, 89%, 68%)
HSB
hsb(3, 59%, 96%)
CMYK
cmyk(0%, 57%, 59%, 4%)
Oklch
oklch(69.7% 0.172 25.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#745857

Crimson · DimGray · Wine Red

HEX
#745857
RGB
rgb(116, 88, 87)
HSL
hsl(2, 14%, 40%)
HSB
hsb(2, 25%, 45%)
CMYK
cmyk(0%, 24%, 25%, 55%)
Oklch
oklch(48.9% 0.037 20.9)

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

#2A5C5B

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#2A5C5B
RGB
rgb(42, 92, 91)
HSL
hsl(179, 37%, 26%)
HSB
hsb(179, 54%, 36%)
CMYK
cmyk(54%, 0%, 1%, 64%)
Oklch
oklch(44.0% 0.054 193.6)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3B753
5570D3

Analogous

D37955
D3B753
AFD355

Triadic

D3B753
55D3B8
B855D3

Split-Comp.

D3B753
55AFD3
7955D3

Tetradic

D3B753
55D379
5570D3
D355AF

Contrast Matrix WCAG 2.1 Contrast

D3B753
FD7F4D
F66B64
745857
2A5C5B
—
1.3
Fail
1.5
Fail
3.3
AA Large
3.8
AA Large
1.3
Fail
—
1.2
Fail
2.5
Fail
3.0
Fail
1.5
Fail
1.2
Fail
—
2.2
Fail
2.6
Fail
3.3
AA Large
2.5
Fail
2.2
Fail
—
1.2
Fail
3.8
AA Large
3.0
Fail
2.6
Fail
1.2
Fail
—
White BG
2.0Fail
2.5Fail
2.9Fail
6.4AA
7.6AAA
Black BG
10.7AAA
8.3AAA
7.2AAA
3.3AA Large
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C76B
C6C559
BAB966
686857
40405B

Deuteranopia

C9CB71
CED75C
C2CC66
6A6C57
3D395B

Tritanopia

D27E83
F76365
EF6767
735757
2D5B5B

Achromatopsia

B4B4B4
9F9F9F
949494
606060
4D4D4D

Shades & Tints Shades & Tints

#D3B753

Dark
Light

#FD7F4D

Dark
Light

#F66B64

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3b753;
  --color-2: #fd7f4d;
  --color-3: #f66b64;
  --color-4: #745857;
  --color-5: #2a5c5b;
}

SCSS

$color-1: #d3b753;
$color-2: #fd7f4d;
$color-3: #f66b64;
$color-4: #745857;
$color-5: #2a5c5b;

TAILWIND

colors: {
  'brand-1': '#d3b753',
  'brand-2': '#fd7f4d',
  'brand-3': '#f66b64',
  'brand-4': '#745857',
  'brand-5': '#2a5c5b',
}

RGB Array

[211, 183, 83], [253, 127, 77], [246, 107, 100], [116, 88, 87], [42, 92, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D3B753, #FD7F4D, #F66B64, #745857, #2A5C5B 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: #d3b753; --color-2: #fd7f4d; --color-3: #f66b64; --color-4: #745857; --color-5: #2a5c5b. 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