← Back to Editor

#CAD092 · #F0E2BB · #FEB3B0 · #BAA798 · #FFDBC1

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

#CAD092

Fresh Green · Tan · Sunflower

HEX
#CAD092
RGB
rgb(202, 208, 146)
HSL
hsl(66, 40%, 69%)
HSB
hsb(66, 30%, 82%)
CMYK
cmyk(3%, 0%, 30%, 18%)
Oklch
oklch(83.8% 0.082 112.7)

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

#F0E2BB

Goose Yellow · Wheat · Lemon Cream

HEX
#F0E2BB
RGB
rgb(240, 226, 187)
HSL
hsl(44, 64%, 84%)
HSB
hsb(44, 22%, 94%)
CMYK
cmyk(0%, 6%, 22%, 6%)
Oklch
oklch(91.4% 0.053 90.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FEB3B0

Peach Pink · LightPink · Cherry Blossom

HEX
#FEB3B0
RGB
rgb(254, 179, 176)
HSL
hsl(2, 98%, 84%)
HSB
hsb(2, 31%, 100%)
CMYK
cmyk(0%, 30%, 31%, 0%)
Oklch
oklch(83.7% 0.088 21.7)

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

#BAA798

Apricot · DarkGray · Warm Sun

HEX
#BAA798
RGB
rgb(186, 167, 152)
HSL
hsl(26, 20%, 66%)
HSB
hsb(26, 18%, 73%)
CMYK
cmyk(0%, 10%, 18%, 27%)
Oklch
oklch(74.1% 0.031 60.6)

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

#FFDBC1

Apricot · Bisque · Peach Orange

HEX
#FFDBC1
RGB
rgb(255, 219, 193)
HSL
hsl(25, 100%, 88%)
HSB
hsb(25, 24%, 100%)
CMYK
cmyk(0%, 14%, 24%, 0%)
Oklch
oklch(91.5% 0.053 57.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CAD092
9790D0

Analogous

D0B690
CAD092
AAD090

Triadic

CAD092
90C9D0
D090C9

Split-Comp.

CAD092
90AAD0
B690D0

Tetradic

CAD092
90D0B6
9790D0
D090AA

Contrast Matrix WCAG 2.1 Contrast

CAD092
F0E2BB
FEB3B0
BAA798
FFDBC1
—
1.3
Fail
1.1
Fail
1.4
Fail
1.2
Fail
1.3
Fail
—
1.3
Fail
1.8
Fail
1.0
Fail
1.1
Fail
1.3
Fail
—
1.4
Fail
1.3
Fail
1.4
Fail
1.8
Fail
1.4
Fail
—
1.8
Fail
1.2
Fail
1.0
Fail
1.3
Fail
1.8
Fail
—
White BG
1.6Fail
1.3Fail
1.7Fail
2.3Fail
1.3Fail
Black BG
12.9AAA
16.3AAA
12.3AAA
9.1AAA
16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDA1
EAEAC4
DEDDB1
B2B29C
EFEFC7

Deuteranopia

CCCCA5
EBECC7
E2E7B1
B3B49D
F2F4C9

Tritanopia

CAADAF
EFCCCE
FAB1B1
B99E9F
FDCCCD

Achromatopsia

C7C7C7
E2E2E2
C9C9C9
ABABAB
E3E3E3

Shades & Tints Shades & Tints

#CAD092

Dark
Light

#F0E2BB

Dark
Light

#FEB3B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cad092;
  --color-2: #f0e2bb;
  --color-3: #feb3b0;
  --color-4: #baa798;
  --color-5: #ffdbc1;
}

SCSS

$color-1: #cad092;
$color-2: #f0e2bb;
$color-3: #feb3b0;
$color-4: #baa798;
$color-5: #ffdbc1;

TAILWIND

colors: {
  'brand-1': '#cad092',
  'brand-2': '#f0e2bb',
  'brand-3': '#feb3b0',
  'brand-4': '#baa798',
  'brand-5': '#ffdbc1',
}

RGB Array

[202, 208, 146], [240, 226, 187], [254, 179, 176], [186, 167, 152], [255, 219, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #CAD092, #F0E2BB, #FEB3B0, #BAA798, #FFDBC1 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: #cad092; --color-2: #f0e2bb; --color-3: #feb3b0; --color-4: #baa798; --color-5: #ffdbc1. 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