#D08356 + #C9A559 + #C0D173 + #BAE3A6 + #BCE8E1 · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D08356

Tangerine · Coral · Warm Sun

HEX

#D08356

RGB

rgb(208, 131, 86)

HSL

hsl(22, 56%, 58%)

HSB

hsb(22, 59%, 82%)

CMYK

cmyk(0%, 37%, 59%, 18%)

Oklch

oklch(68.1% 0.113 50.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#C9A559

Ginger · SandyBrown · Sunflower

HEX

#C9A559

RGB

rgb(201, 165, 89)

HSL

hsl(41, 51%, 57%)

HSB

hsb(41, 56%, 79%)

CMYK

cmyk(0%, 18%, 56%, 21%)

Oklch

oklch(73.9% 0.104 84.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#C0D173

Willow Green · Tan · Apple Green

HEX

#C0D173

RGB

rgb(192, 209, 115)

HSL

hsl(71, 51%, 64%)

HSB

hsb(71, 45%, 82%)

CMYK

cmyk(8%, 0%, 45%, 18%)

Oklch

oklch(82.7% 0.121 117.5)

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

#BAE3A6

Emerald · Silver · Apple Green

HEX

#BAE3A6

RGB

rgb(186, 227, 166)

HSL

hsl(100, 52%, 77%)

HSB

hsb(100, 27%, 89%)

CMYK

cmyk(18%, 0%, 27%, 11%)

Oklch

oklch(87.1% 0.092 135.6)

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

#BCE8E1

Jade · LightBlue · Glacier Blue

HEX

#BCE8E1

RGB

rgb(188, 232, 225)

HSL

hsl(170, 49%, 82%)

HSB

hsb(170, 19%, 91%)

CMYK

cmyk(19%, 0%, 3%, 9%)

Oklch

oklch(89.8% 0.047 184.6)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D08356

58A4D0

Analogous

D05868

D08356

D0C058

Triadic

D08356

58D084

8458D0

Split-Comp.

D08356

58D0C0

5868D0

Tetradic

D08356

68D058

58A4D0

C058D0

Contrast Matrix WCAG 2.1 Contrast

D08356	C9A559	C0D173	BAE3A6	BCE8E1
—	1.3 Fail	1.8 Fail	2.1 Fail	2.2 Fail
1.3 Fail	—	1.4 Fail	1.6 Fail	1.8 Fail
1.8 Fail	1.4 Fail	—	1.2 Fail	1.3 Fail
2.1 Fail	1.6 Fail	1.2 Fail	—	1.1 Fail
2.2 Fail	1.8 Fail	1.3 Fail	1.1 Fail	—

White BG

3.0Fail

2.3Fail

1.7Fail

1.4Fail

1.3Fail

Black BG

7.1AAA

9.0AAA

12.6AAA

14.6AAA

15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAE61

B9B96B

C7C88A

CCCCB5

CFCFE3

Deuteranopia

B3B964

BCBE70

C6C58F

C9C6B8

CDC9E3

Tritanopia

CC696B

C77A7D

C19CA0

BCC0C3

BEE4E4

Achromatopsia

959595

A7A7A7

C1C1C1

D0D0D0

DADADA

Shades & Tints Shades & Tints

#D08356

Dark

Light

#C9A559

Dark

Light

#C0D173

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d08356;
  --color-2: #c9a559;
  --color-3: #c0d173;
  --color-4: #bae3a6;
  --color-5: #bce8e1;
}

SCSS

$color-1: #d08356;
$color-2: #c9a559;
$color-3: #c0d173;
$color-4: #bae3a6;
$color-5: #bce8e1;

TAILWIND

colors: {
  'brand-1': '#d08356',
  'brand-2': '#c9a559',
  'brand-3': '#c0d173',
  'brand-4': '#bae3a6',
  'brand-5': '#bce8e1',
}

RGB Array

[208, 131, 86], [201, 165, 89], [192, 209, 115], [186, 227, 166], [188, 232, 225]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #D08356, #C9A559, #C0D173, #BAE3A6, #BCE8E1 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: #d08356; --color-2: #c9a559; --color-3: #c0d173; --color-4: #bae3a6; --color-5: #bce8e1. 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