← Back to Editor

#907860 · #FFFFDB · #A8C0A8 · #A8A878 · #FFD2A6

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#907860

Ochre · Gray · Amber Brown

HEX
#907860
RGB
rgb(144, 120, 96)
HSL
hsl(30, 20%, 47%)
HSB
hsb(30, 33%, 56%)
CMYK
cmyk(0%, 17%, 33%, 44%)
Oklch
oklch(58.9% 0.046 66.7)

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

#FFFFDB

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFFDB
RGB
rgb(255, 255, 219)
HSL
hsl(60, 100%, 93%)
HSB
hsb(60, 14%, 100%)
CMYK
cmyk(0%, 0%, 14%, 0%)
Oklch
oklch(99.1% 0.047 107.2)

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

#A8C0A8

Celadon · DarkGray · Apple Green

HEX
#A8C0A8
RGB
rgb(168, 192, 168)
HSL
hsl(120, 16%, 71%)
HSB
hsb(120, 13%, 75%)
CMYK
cmyk(13%, 0%, 13%, 25%)
Oklch
oklch(78.3% 0.043 145.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#A8A878

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A8A878
RGB
rgb(168, 168, 120)
HSL
hsl(60, 22%, 56%)
HSB
hsb(60, 29%, 66%)
CMYK
cmyk(0%, 0%, 29%, 34%)
Oklch
oklch(72.0% 0.066 107.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#FFD2A6

Goose Yellow · Wheat · Peach Orange

HEX
#FFD2A6
RGB
rgb(255, 210, 166)
HSL
hsl(30, 100%, 83%)
HSB
hsb(30, 35%, 100%)
CMYK
cmyk(0%, 18%, 35%, 0%)
Oklch
oklch(89.2% 0.077 65.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

907860
607890

Analogous

906060
907860
909060

Triadic

907860
609078
786090

Split-Comp.

907860
609090
606090

Tetradic

907860
609060
607890
906090

Contrast Matrix WCAG 2.1 Contrast

907860
FFFFDB
A8C0A8
A8A878
FFD2A6
—
4.1
AA Large
2.1
Fail
1.7
Fail
3.0
Fail
4.1
AA Large
—
1.9
Fail
2.4
Fail
1.4
Fail
2.1
Fail
1.9
Fail
—
1.3
Fail
1.4
Fail
1.7
Fail
2.4
Fail
1.3
Fail
—
1.8
Fail
3.0
Fail
1.4
Fail
1.4
Fail
1.8
Fail
—
White BG
4.2AA Large
1.0Fail
1.9Fail
2.5Fail
1.4Fail
Black BG
5.0AA
20.6AAA
10.8AAA
8.5AAA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

868566
FFFFE4
B2B3AE
A8A884
ECEBB1

Deuteranopia

878967
FFFFE6
B1AFAF
A8A886
EEF2B3

Tritanopia

8F6A6B
FFEBEC
A9B2B3
A88D8F
FDB9BB

Achromatopsia

7C7C7C
FBFBFB
B6B6B6
A3A3A3
DADADA

Shades & Tints Shades & Tints

#907860

Dark
Light

#FFFFDB

Dark
Light

#A8C0A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #907860;
  --color-2: #ffffdb;
  --color-3: #a8c0a8;
  --color-4: #a8a878;
  --color-5: #ffd2a6;
}

SCSS

$color-1: #907860;
$color-2: #ffffdb;
$color-3: #a8c0a8;
$color-4: #a8a878;
$color-5: #ffd2a6;

TAILWIND

colors: {
  'brand-1': '#907860',
  'brand-2': '#ffffdb',
  'brand-3': '#a8c0a8',
  'brand-4': '#a8a878',
  'brand-5': '#ffd2a6',
}

RGB Array

[144, 120, 96], [255, 255, 219], [168, 192, 168], [168, 168, 120], [255, 210, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #907860, #FFFFDB, #A8C0A8, #A8A878, #FFD2A6 is ideal for: health products, baby brands, fresh-style blogs, 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: #907860; --color-2: #ffffdb; --color-3: #a8c0a8; --color-4: #a8a878; --color-5: #ffd2a6. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 general-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