← Back to Editor

#485B2B · #736F4B · #9E846B · #C8988B · #F3ACAB

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

#485B2B

Grass Green · DarkOliveGreen · Forest Green

HEX
#485B2B
RGB
rgb(72, 91, 43)
HSL
hsl(84, 36%, 26%)
HSB
hsb(84, 53%, 36%)
CMYK
cmyk(21%, 0%, 53%, 64%)
Oklch
oklch(44.3% 0.075 127.0)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#736F4B

Autumn Sage · DimGray · Honey Gold

HEX
#736F4B
RGB
rgb(115, 111, 75)
HSL
hsl(54, 21%, 37%)
HSB
hsb(54, 35%, 45%)
CMYK
cmyk(0%, 3%, 35%, 55%)
Oklch
oklch(53.6% 0.053 102.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#9E846B

Tangerine · Gray · Warm Sun

HEX
#9E846B
RGB
rgb(158, 132, 107)
HSL
hsl(29, 21%, 52%)
HSB
hsb(29, 32%, 62%)
CMYK
cmyk(0%, 16%, 32%, 38%)
Oklch
oklch(63.1% 0.048 65.7)

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

#C8988B

Peach Pink · Tan · Coral Red

HEX
#C8988B
RGB
rgb(200, 152, 139)
HSL
hsl(13, 36%, 66%)
HSB
hsb(13, 31%, 78%)
CMYK
cmyk(0%, 24%, 31%, 22%)
Oklch
oklch(72.1% 0.061 35.7)

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

#F3ACAB

Peach Pink · LightPink · Cherry Blossom

HEX
#F3ACAB
RGB
rgb(243, 172, 171)
HSL
hsl(1, 75%, 81%)
HSB
hsb(1, 30%, 95%)
CMYK
cmyk(0%, 29%, 30%, 5%)
Oklch
oklch(81.1% 0.084 20.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

485B2B
3E2A5A

Analogous

5A552A
485B2B
2F5A2A

Triadic

485B2B
2A475A
5A2A47

Split-Comp.

485B2B
2A2F5A
552A5A

Tetradic

485B2B
2A5A55
3E2A5A
5A2A2F

Contrast Matrix WCAG 2.1 Contrast

485B2B
736F4B
9E846B
C8988B
F3ACAB
—
1.5
Fail
2.1
Fail
3.0
Fail
4.0
AA Large
1.5
Fail
—
1.5
Fail
2.0
Fail
2.8
Fail
2.1
Fail
1.5
Fail
—
1.4
Fail
1.9
Fail
3.0
Fail
2.0
Fail
1.4
Fail
—
1.4
Fail
4.0
AA Large
2.8
Fail
1.9
Fail
1.4
Fail
—
White BG
7.5AAA
5.1AA
3.5AA Large
2.5Fail
1.9Fail
Black BG
2.8Fail
4.1AA Large
6.0AA
8.3AAA
11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

505037
717154
939371
B3B38E
D4D4AB

Deuteranopia

4F4E39
727256
949673
B6BA8F
D8DEAB

Tritanopia

494042
735B5C
9D7677
C69191
EFABAB

Achromatopsia

505050
6C6C6C
898989
A5A5A5
C1C1C1

Shades & Tints Shades & Tints

#485B2B

Dark
Light

#736F4B

Dark
Light

#9E846B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #485b2b;
  --color-2: #736f4b;
  --color-3: #9e846b;
  --color-4: #c8988b;
  --color-5: #f3acab;
}

SCSS

$color-1: #485b2b;
$color-2: #736f4b;
$color-3: #9e846b;
$color-4: #c8988b;
$color-5: #f3acab;

TAILWIND

colors: {
  'brand-1': '#485b2b',
  'brand-2': '#736f4b',
  'brand-3': '#9e846b',
  'brand-4': '#c8988b',
  'brand-5': '#f3acab',
}

RGB Array

[72, 91, 43], [115, 111, 75], [158, 132, 107], [200, 152, 139], [243, 172, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #485B2B, #736F4B, #9E846B, #C8988B, #F3ACAB 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: #485b2b; --color-2: #736f4b; --color-3: #9e846b; --color-4: #c8988b; --color-5: #f3acab. 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