#F5DC83 + #E79C66 + #E27B73 + #626280 + #538F8E · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#F5DC83

Goose Yellow · Khaki · Sunflower

HEX

#F5DC83

RGB

rgb(245, 220, 131)

HSL

hsl(47, 85%, 74%)

HSB

hsb(47, 47%, 96%)

CMYK

cmyk(0%, 10%, 47%, 4%)

Oklch

oklch(89.6% 0.113 94.2)

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

#E79C66

Apricot · SandyBrown · Warm Sun

HEX

#E79C66

RGB

rgb(231, 156, 102)

HSL

hsl(25, 73%, 65%)

HSB

hsb(25, 56%, 91%)

CMYK

cmyk(0%, 32%, 56%, 9%)

Oklch

oklch(75.6% 0.114 55.8)

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

#E27B73

Peach Pink · LightCoral · Coral Red

HEX

#E27B73

RGB

rgb(226, 123, 115)

HSL

hsl(4, 66%, 67%)

HSB

hsb(4, 49%, 89%)

CMYK

cmyk(0%, 46%, 49%, 11%)

Oklch

oklch(69.6% 0.129 25.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#626280

Deep Indigo · DimGray · Navy Blue

HEX

#626280

RGB

rgb(98, 98, 128)

HSL

hsl(240, 13%, 44%)

HSB

hsb(240, 23%, 50%)

CMYK

cmyk(23%, 23%, 0%, 50%)

Oklch

oklch(50.8% 0.047 284.6)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#538F8E

Mineral Blue · CadetBlue · Mint Ice

HEX

#538F8E

RGB

rgb(83, 143, 142)

HSL

hsl(179, 27%, 44%)

HSB

hsb(179, 42%, 56%)

CMYK

cmyk(42%, 0%, 1%, 44%)

Oklch

oklch(60.9% 0.063 194.3)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5DC83

849DF5

Analogous

F5A484

F5DC83

D5F584

Triadic

F5DC83

84F5DD

DD84F5

Split-Comp.

F5DC83

84D5F5

A484F5

Tetradic

F5DC83

84F5A4

849DF5

F584D5

Contrast Matrix WCAG 2.1 Contrast

F5DC83	E79C66	E27B73	626280	538F8E
—	1.7 Fail	2.1 Fail	4.3 AA Large	2.7 Fail
1.7 Fail	—	1.3 Fail	2.6 Fail	1.6 Fail
2.1 Fail	1.3 Fail	—	2.0 Fail	1.3 Fail
4.3 AA Large	2.6 Fail	2.0 Fail	—	1.6 Fail
2.7 Fail	1.6 Fail	1.3 Fail	1.6 Fail	—

White BG

1.4Fail

2.2Fail

2.9Fail

5.9AA

3.7AA Large

Black BG

15.4AAA

9.3AAA

7.3AAA

3.6AA Large

5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEA99

C7C673

B5B475

626279

6D6E8E

Deuteranopia

ECEE9E

CBD176

BBC375

626277

6A658E

Tritanopia

F4AAAD

E37D80

DD7677

627372

568E8E

Achromatopsia

D9D9D9

ACACAC

999999

656565

7D7D7D

Shades & Tints Shades & Tints

#F5DC83

Dark

Light

#E79C66

Dark

Light

#E27B73

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5dc83;
  --color-2: #e79c66;
  --color-3: #e27b73;
  --color-4: #626280;
  --color-5: #538f8e;
}

SCSS

$color-1: #f5dc83;
$color-2: #e79c66;
$color-3: #e27b73;
$color-4: #626280;
$color-5: #538f8e;

TAILWIND

colors: {
  'brand-1': '#f5dc83',
  'brand-2': '#e79c66',
  'brand-3': '#e27b73',
  'brand-4': '#626280',
  'brand-5': '#538f8e',
}

RGB Array

[245, 220, 131], [231, 156, 102], [226, 123, 115], [98, 98, 128], [83, 143, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #F5DC83, #E79C66, #E27B73, #626280, #538F8E is ideal for: corporate websites, product showcases, portfolios. 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: #f5dc83; --color-2: #e79c66; --color-3: #e27b73; --color-4: #626280; --color-5: #538f8e. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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