← Back to Editor

#FFFFA7 · #F4EAAA · #DEBAA8 · #D48EAC · #635960

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

#FFFFA7

Fresh Green · Wheat · Lemon Cream

HEX
#FFFFA7
RGB
rgb(255, 255, 167)
HSL
hsl(60, 100%, 83%)
HSB
hsb(60, 35%, 100%)
CMYK
cmyk(0%, 0%, 35%, 0%)
Oklch
oklch(98.1% 0.109 108.3)

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

#F4EAAA

Fresh Green · Wheat · Lemon Cream

HEX
#F4EAAA
RGB
rgb(244, 234, 170)
HSL
hsl(52, 77%, 81%)
HSB
hsb(52, 30%, 96%)
CMYK
cmyk(0%, 4%, 30%, 4%)
Oklch
oklch(93.0% 0.082 100.3)

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

#DEBAA8

Apricot · Tan · Peach Orange

HEX
#DEBAA8
RGB
rgb(222, 186, 168)
HSL
hsl(20, 45%, 76%)
HSB
hsb(20, 24%, 87%)
CMYK
cmyk(0%, 16%, 24%, 13%)
Oklch
oklch(81.6% 0.048 48.1)

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

#D48EAC

Rouge · Tan · Rose Pink

HEX
#D48EAC
RGB
rgb(212, 142, 172)
HSL
hsl(334, 45%, 69%)
HSB
hsb(334, 33%, 83%)
CMYK
cmyk(0%, 33%, 19%, 17%)
Oklch
oklch(72.5% 0.093 352.3)

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

#635960

Ink Gray · DimGray · Charcoal

HEX
#635960
RGB
rgb(99, 89, 96)
HSL
hsl(318, 5%, 37%)
HSB
hsb(318, 10%, 39%)
CMYK
cmyk(0%, 10%, 3%, 61%)
Oklch
oklch(47.6% 0.017 336.5)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFFA7
A8A8FF

Analogous

FFD4A8
FFFFA7
D4FFA8

Triadic

FFFFA7
A8FFFF
FFA8FF

Split-Comp.

FFFFA7
A8D4FF
D4A8FF

Tetradic

FFFFA7
A8FFD4
A8A8FF
FFA8D4

Contrast Matrix WCAG 2.1 Contrast

FFFFA7
F4EAAA
DEBAA8
D48EAC
635960
—
1.2
Fail
1.7
Fail
2.4
Fail
6.4
AA
1.2
Fail
—
1.5
Fail
2.1
Fail
5.5
AA
1.7
Fail
1.5
Fail
—
1.4
Fail
3.7
AA Large
2.4
Fail
2.1
Fail
1.4
Fail
—
2.6
Fail
6.4
AA
5.5
AA
3.7
AA Large
2.6
Fail
—
White BG
1.0Fail
1.2Fail
1.8Fail
2.5Fail
6.7AA
Black BG
20.1AAA
17.2AAA
11.7AAA
8.3AAA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFFBC
F0F0B9
CECEAC
B6B5A5
5F5F5E

Deuteranopia

FFFFC1
F0F1BD
D1D3AD
BABFA3
5F605E

Tritanopia

FFCDD1
F3C6C8
DCB0B1
D09F9E
635D5D

Achromatopsia

F5F5F5
E6E6E6
C3C3C3
A6A6A6
5D5D5D

Shades & Tints Shades & Tints

#FFFFA7

Dark
Light

#F4EAAA

Dark
Light

#DEBAA8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffffa7;
  --color-2: #f4eaaa;
  --color-3: #debaa8;
  --color-4: #d48eac;
  --color-5: #635960;
}

SCSS

$color-1: #ffffa7;
$color-2: #f4eaaa;
$color-3: #debaa8;
$color-4: #d48eac;
$color-5: #635960;

TAILWIND

colors: {
  'brand-1': '#ffffa7',
  'brand-2': '#f4eaaa',
  'brand-3': '#debaa8',
  'brand-4': '#d48eac',
  'brand-5': '#635960',
}

RGB Array

[255, 255, 167], [244, 234, 170], [222, 186, 168], [212, 142, 172], [99, 89, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFFA7, #F4EAAA, #DEBAA8, #D48EAC, #635960 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: #ffffa7; --color-2: #f4eaaa; --color-3: #debaa8; --color-4: #d48eac; --color-5: #635960. 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