← Back to Editor

#93CAB0 · #F2F2F2 · #975D53 · #EBA181 · #D3654D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#93CAB0

Jade · DarkSeaGreen · Apple Green

HEX
#93CAB0
RGB
rgb(147, 202, 176)
HSL
hsl(152, 34%, 68%)
HSB
hsb(152, 27%, 79%)
CMYK
cmyk(27%, 0%, 13%, 21%)
Oklch
oklch(79.3% 0.068 164.0)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#F2F2F2

Plain White · SeaShell · Cloud White

HEX
#F2F2F2
RGB
rgb(242, 242, 242)
HSL
hsl(0, 0%, 95%)
HSB
hsb(0, 0%, 95%)
CMYK
cmyk(0%, 0%, 0%, 5%)
Oklch
oklch(96.1% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

#975D53

Crimson · Sienna · Passion Red

HEX
#975D53
RGB
rgb(151, 93, 83)
HSL
hsl(9, 29%, 46%)
HSB
hsb(9, 45%, 59%)
CMYK
cmyk(0%, 38%, 45%, 41%)
Oklch
oklch(54.0% 0.078 30.4)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#EBA181

Apricot · DarkSalmon · Warm Sun

HEX
#EBA181
RGB
rgb(235, 161, 129)
HSL
hsl(18, 73%, 71%)
HSB
hsb(18, 45%, 92%)
CMYK
cmyk(0%, 31%, 45%, 8%)
Oklch
oklch(77.4% 0.099 44.2)

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

#D3654D

Crimson · Tomato · Passion Red

HEX
#D3654D
RGB
rgb(211, 101, 77)
HSL
hsl(11, 60%, 56%)
HSB
hsb(11, 64%, 83%)
CMYK
cmyk(0%, 52%, 64%, 17%)
Oklch
oklch(63.5% 0.144 33.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

93CAB0
C992AC

Analogous

92C994
93CAB0
92C7C9

Triadic

93CAB0
AF92C9
C9AF92

Split-Comp.

93CAB0
C992C7
C99492

Tetradic

93CAB0
9492C9
C992AC
C7C992

Contrast Matrix WCAG 2.1 Contrast

93CAB0
F2F2F2
975D53
EBA181
D3654D
—
1.7
Fail
2.8
Fail
1.1
Fail
2.0
Fail
1.7
Fail
—
4.7
AA
1.9
Fail
3.3
AA Large
2.8
Fail
4.7
AA
—
2.5
Fail
1.4
Fail
1.1
Fail
1.9
Fail
2.5
Fail
—
1.7
Fail
2.0
Fail
3.3
AA Large
1.4
Fail
1.7
Fail
—
White BG
1.9Fail
1.1Fail
5.2AA
2.1Fail
3.7AA Large
Black BG
11.3AAA
18.8AAA
4.0AA Large
9.9AAA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABABB6
F2F2F2
7E7D55
CBCA89
A3A253

Deuteranopia

A8A4B8
F2F2F2
818656
CFD58B
AAB254

Tritanopia

96BBBC
F2F2F2
945758
E78F90
CE5758

Achromatopsia

B7B7B7
F2F2F2
6D6D6D
B3B3B3
838383

Shades & Tints Shades & Tints

#93CAB0

Dark
Light

#F2F2F2

Dark
Light

#975D53

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #93cab0;
  --color-2: #f2f2f2;
  --color-3: #975d53;
  --color-4: #eba181;
  --color-5: #d3654d;
}

SCSS

$color-1: #93cab0;
$color-2: #f2f2f2;
$color-3: #975d53;
$color-4: #eba181;
$color-5: #d3654d;

TAILWIND

colors: {
  'brand-1': '#93cab0',
  'brand-2': '#f2f2f2',
  'brand-3': '#975d53',
  'brand-4': '#eba181',
  'brand-5': '#d3654d',
}

RGB Array

[147, 202, 176], [242, 242, 242], [151, 93, 83], [235, 161, 129], [211, 101, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #93CAB0, #F2F2F2, #975D53, #EBA181, #D3654D is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #93cab0; --color-2: #f2f2f2; --color-3: #975d53; --color-4: #eba181; --color-5: #d3654d. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 general-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