← Back to Editor

#F88739 · #D6D362 · #F0EAA0 · #554538 · #AE8B6F

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

#F88739

Tangerine · Coral · Warm Sun

HEX
#F88739
RGB
rgb(248, 135, 57)
HSL
hsl(25, 93%, 60%)
HSB
hsb(25, 77%, 97%)
CMYK
cmyk(0%, 46%, 77%, 3%)
Oklch
oklch(73.6% 0.163 51.5)

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

#D6D362

Fresh Green · BurlyWood · Sunflower

HEX
#D6D362
RGB
rgb(214, 211, 98)
HSL
hsl(58, 59%, 61%)
HSB
hsb(58, 54%, 84%)
CMYK
cmyk(0%, 1%, 54%, 16%)
Oklch
oklch(84.7% 0.135 107.6)

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

#F0EAA0

Fresh Green · Khaki · Lemon Cream

HEX
#F0EAA0
RGB
rgb(240, 234, 160)
HSL
hsl(55, 73%, 78%)
HSB
hsb(55, 33%, 94%)
CMYK
cmyk(0%, 3%, 33%, 6%)
Oklch
oklch(92.5% 0.094 104.1)

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

#554538

Tangerine · DarkOliveGreen · Amber Brown

HEX
#554538
RGB
rgb(85, 69, 56)
HSL
hsl(27, 21%, 28%)
HSB
hsb(27, 34%, 33%)
CMYK
cmyk(0%, 19%, 34%, 67%)
Oklch
oklch(40.3% 0.030 60.9)

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

#AE8B6F

Tangerine · Gray · Warm Sun

HEX
#AE8B6F
RGB
rgb(174, 139, 111)
HSL
hsl(27, 28%, 56%)
HSB
hsb(27, 36%, 68%)
CMYK
cmyk(0%, 20%, 36%, 32%)
Oklch
oklch(66.2% 0.058 60.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F88739
3AA9F8

Analogous

F83A4A
F88739
F8E83A

Triadic

F88739
3AF889
893AF8

Split-Comp.

F88739
3AF8E8
3A4AF8

Tetradic

F88739
4AF83A
3AA9F8
E83AF8

Contrast Matrix WCAG 2.1 Contrast

F88739
D6D362
F0EAA0
554538
AE8B6F
—
1.6
Fail
2.0
Fail
3.7
AA Large
1.3
Fail
1.6
Fail
—
1.3
Fail
5.8
AA
2.0
Fail
2.0
Fail
1.3
Fail
—
7.4
AAA
2.5
Fail
3.7
AA Large
5.8
AA
7.4
AAA
—
2.9
Fail
1.3
Fail
2.0
Fail
2.5
Fail
2.9
Fail
—
White BG
2.5Fail
1.6Fail
1.2Fail
9.2AAA
3.1AA Large
Black BG
8.5AAA
13.4AAA
17.0AAA
2.3Fail
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C64C
D5D57D
EDEDB2
4E4E3B
9F9F76

Deuteranopia

CED650
D5D584
EEEEB6
4F503C
A1A477

Tritanopia

F25B5E
D69398
F0C0C3
543E3E
AC7B7C

Achromatopsia

A0A0A0
C7C7C7
E3E3E3
484848
929292

Shades & Tints Shades & Tints

#F88739

Dark
Light

#D6D362

Dark
Light

#F0EAA0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f88739;
  --color-2: #d6d362;
  --color-3: #f0eaa0;
  --color-4: #554538;
  --color-5: #ae8b6f;
}

SCSS

$color-1: #f88739;
$color-2: #d6d362;
$color-3: #f0eaa0;
$color-4: #554538;
$color-5: #ae8b6f;

TAILWIND

colors: {
  'brand-1': '#f88739',
  'brand-2': '#d6d362',
  'brand-3': '#f0eaa0',
  'brand-4': '#554538',
  'brand-5': '#ae8b6f',
}

RGB Array

[248, 135, 57], [214, 211, 98], [240, 234, 160], [85, 69, 56], [174, 139, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F88739, #D6D362, #F0EAA0, #554538, #AE8B6F 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: #f88739; --color-2: #d6d362; --color-3: #f0eaa0; --color-4: #554538; --color-5: #ae8b6f. 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