← Back to Editor

#FF8A48 · #F2D466 · #D4E670 · #C9EBA4 · #DFEBDD

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FF8A48

Apricot · Coral · Warm Sun

HEX
#FF8A48
RGB
rgb(255, 138, 72)
HSL
hsl(22, 100%, 64%)
HSB
hsb(22, 72%, 100%)
CMYK
cmyk(0%, 46%, 72%, 0%)
Oklch
oklch(75.1% 0.163 47.9)

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

#F2D466

Ginger · Khaki · Sunflower

HEX
#F2D466
RGB
rgb(242, 212, 102)
HSL
hsl(47, 84%, 67%)
HSB
hsb(47, 58%, 95%)
CMYK
cmyk(0%, 12%, 58%, 5%)
Oklch
oklch(87.4% 0.133 94.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#D4E670

Fresh Green · Khaki · Sunflower

HEX
#D4E670
RGB
rgb(212, 230, 112)
HSL
hsl(69, 70%, 67%)
HSB
hsb(69, 51%, 90%)
CMYK
cmyk(8%, 0%, 51%, 10%)
Oklch
oklch(88.7% 0.145 116.6)

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

#C9EBA4

Willow Green · Khaki · Apple Green

HEX
#C9EBA4
RGB
rgb(201, 235, 164)
HSL
hsl(89, 64%, 78%)
HSB
hsb(89, 30%, 92%)
CMYK
cmyk(14%, 0%, 30%, 8%)
Oklch
oklch(89.8% 0.100 129.0)

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

#DFEBDD

Celadon · Beige · Mint Green

HEX
#DFEBDD
RGB
rgb(223, 235, 221)
HSL
hsl(111, 26%, 89%)
HSB
hsb(111, 6%, 92%)
CMYK
cmyk(5%, 0%, 6%, 8%)
Oklch
oklch(92.7% 0.023 141.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF8A48
47BCFF

Analogous

FF4760
FF8A48
FFE747

Triadic

FF8A48
47FF8B
8B47FF

Split-Comp.

FF8A48
47FFE7
4760FF

Tetradic

FF8A48
60FF47
47BCFF
E747FF

Contrast Matrix WCAG 2.1 Contrast

FF8A48
F2D466
D4E670
C9EBA4
DFEBDD
—
1.6
Fail
1.7
Fail
1.8
Fail
1.9
Fail
1.6
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.7
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.8
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.9
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
White BG
2.3Fail
1.5Fail
1.4Fail
1.3Fail
1.2Fail
Black BG
9.0AAA
14.4AAA
15.4AAA
15.9AAA
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCB58
E5E581
DCDC8D
D8D8B5
E4E4E0

Deuteranopia

D3DC5C
E7E987
DBD993
D6D3B9
E4E3E1

Tritanopia

F96567
F0969A
D5A3A8
CBC3C6
E0E3E4

Achromatopsia

A5A5A5
D0D0D0
D3D3D3
D9D9D9
E6E6E6

Shades & Tints Shades & Tints

#FF8A48

Dark
Light

#F2D466

Dark
Light

#D4E670

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff8a48;
  --color-2: #f2d466;
  --color-3: #d4e670;
  --color-4: #c9eba4;
  --color-5: #dfebdd;
}

SCSS

$color-1: #ff8a48;
$color-2: #f2d466;
$color-3: #d4e670;
$color-4: #c9eba4;
$color-5: #dfebdd;

TAILWIND

colors: {
  'brand-1': '#ff8a48',
  'brand-2': '#f2d466',
  'brand-3': '#d4e670',
  'brand-4': '#c9eba4',
  'brand-5': '#dfebdd',
}

RGB Array

[255, 138, 72], [242, 212, 102], [212, 230, 112], [201, 235, 164], [223, 235, 221]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #FF8A48, #F2D466, #D4E670, #C9EBA4, #DFEBDD is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ff8a48; --color-2: #f2d466; --color-3: #d4e670; --color-4: #c9eba4; --color-5: #dfebdd. 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. 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 space-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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