#F0C078 + #F0F078 + #D8D8D8 + #D8C0A8 + #C0C090 · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F0C078

Goose Yellow · BurlyWood · Warm Sun

HEX

#F0C078

RGB

rgb(240, 192, 120)

HSL

hsl(36, 80%, 71%)

HSB

hsb(36, 50%, 94%)

CMYK

cmyk(0%, 20%, 50%, 6%)

Oklch

oklch(83.5% 0.105 76.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F0F078

Fresh Green · Khaki · Sunflower

HEX

#F0F078

RGB

rgb(240, 240, 120)

HSL

hsl(60, 80%, 71%)

HSB

hsb(60, 50%, 94%)

CMYK

cmyk(0%, 0%, 50%, 6%)

Oklch

oklch(93.1% 0.143 108.9)

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

#D8D8D8

Silver Gray · LightGray · Pearl Gray

HEX

#D8D8D8

RGB

rgb(216, 216, 216)

HSL

hsl(0, 0%, 85%)

HSB

hsb(0, 0%, 85%)

CMYK

cmyk(0%, 0%, 0%, 15%)

Oklch

oklch(88.2% 0.000 89.9)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#D8C0A8

Goose Yellow · Tan · Warm Sun

HEX

#D8C0A8

RGB

rgb(216, 192, 168)

HSL

hsl(30, 38%, 75%)

HSB

hsb(30, 22%, 85%)

CMYK

cmyk(0%, 11%, 22%, 15%)

Oklch

oklch(82.2% 0.043 67.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#C0C090

Fresh Green · Tan · Sunflower

HEX

#C0C090

RGB

rgb(192, 192, 144)

HSL

hsl(60, 28%, 66%)

HSB

hsb(60, 25%, 75%)

CMYK

cmyk(0%, 0%, 25%, 25%)

Oklch

oklch(79.6% 0.064 107.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0C078

7AA9F0

Analogous

F0867A

F0C078

E4F07A

Triadic

F0C078

7AF0C1

C17AF0

Split-Comp.

F0C078

7AE4F0

867AF0

Tetradic

F0C078

7AF086

7AA9F0

F07AE4

Contrast Matrix WCAG 2.1 Contrast

F0C078	F0F078	D8D8D8	D8C0A8	C0C090
—	1.4 Fail	1.2 Fail	1.0 Fail	1.1 Fail
1.4 Fail	—	1.2 Fail	1.5 Fail	1.6 Fail
1.2 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
1.0 Fail	1.5 Fail	1.2 Fail	—	1.1 Fail
1.1 Fail	1.6 Fail	1.3 Fail	1.1 Fail	—

White BG

1.7Fail

1.2Fail

1.4Fail

1.7Fail

1.9Fail

Black BG

12.5AAA

17.4AAA

14.7AAA

12.0AAA

11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDB89

F0F095

D8D8D8

CECDAE

C0C09C

Deuteranopia

DEE28E

F0F09C

D8D8D8

CFD1AF

C0C09E

Tritanopia

EE979A

F0ACB1

D8D8D8

D7B2B3

C0A5A7

Achromatopsia

C6C6C6

E2E2E2

D8D8D8

C4C4C4

BBBBBB

Shades & Tints Shades & Tints

#F0C078

Dark

Light

#F0F078

Dark

Light

#D8D8D8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0c078;
  --color-2: #f0f078;
  --color-3: #d8d8d8;
  --color-4: #d8c0a8;
  --color-5: #c0c090;
}

SCSS

$color-1: #f0c078;
$color-2: #f0f078;
$color-3: #d8d8d8;
$color-4: #d8c0a8;
$color-5: #c0c090;

TAILWIND

colors: {
  'brand-1': '#f0c078',
  'brand-2': '#f0f078',
  'brand-3': '#d8d8d8',
  'brand-4': '#d8c0a8',
  'brand-5': '#c0c090',
}

RGB Array

[240, 192, 120], [240, 240, 120], [216, 216, 216], [216, 192, 168], [192, 192, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #F0C078, #F0F078, #D8D8D8, #D8C0A8, #C0C090 is ideal for: health products, baby brands, fresh-style blogs. 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: #f0c078; --color-2: #f0f078; --color-3: #d8d8d8; --color-4: #d8c0a8; --color-5: #c0c090. 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 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