← Back to Editor

#DECFC4 · #695B55 · #221B1D · #A4736C · #F5D7CF

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarm

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin PanelData Visualization

Color Details Color Details

#DECFC4

Apricot · LightGray · Peach Orange

HEX
#DECFC4
RGB
rgb(222, 207, 196)
HSL
hsl(25, 28%, 82%)
HSB
hsb(25, 12%, 87%)
CMYK
cmyk(0%, 7%, 12%, 13%)
Oklch
oklch(86.4% 0.023 58.7)

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

#695B55

Tangerine · DimGray · Amber Brown

HEX
#695B55
RGB
rgb(105, 91, 85)
HSL
hsl(18, 11%, 37%)
HSB
hsb(18, 19%, 41%)
CMYK
cmyk(0%, 13%, 19%, 59%)
Oklch
oklch(48.3% 0.021 44.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#221B1D

Dark Violet · Black · Raspberry

HEX
#221B1D
RGB
rgb(34, 27, 29)
HSL
hsl(343, 11%, 12%)
HSB
hsb(343, 21%, 13%)
CMYK
cmyk(0%, 21%, 15%, 87%)
Oklch
oklch(23.1% 0.012 359.0)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#A4736C

Crimson · Gray · Passion Red

HEX
#A4736C
RGB
rgb(164, 115, 108)
HSL
hsl(8, 24%, 53%)
HSB
hsb(8, 34%, 64%)
CMYK
cmyk(0%, 30%, 34%, 36%)
Oklch
oklch(60.4% 0.063 28.2)

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

#F5D7CF

Peach Pink · Bisque · Cherry Blossom

HEX
#F5D7CF
RGB
rgb(245, 215, 207)
HSL
hsl(13, 66%, 89%)
HSB
hsb(13, 16%, 96%)
CMYK
cmyk(0%, 12%, 16%, 4%)
Oklch
oklch(90.2% 0.035 35.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DECFC4
C4D3DE

Analogous

DEC4C6
DECFC4
DEDCC4

Triadic

DECFC4
C4DECF
CFC4DE

Split-Comp.

DECFC4
C4DEDC
C4C6DE

Tetradic

DECFC4
C6DEC4
C4D3DE
DCC4DE

Contrast Matrix WCAG 2.1 Contrast

DECFC4
695B55
221B1D
A4736C
F5D7CF
—
4.3
AA Large
11.1
AAA
2.6
Fail
1.1
Fail
4.3
AA Large
—
2.6
Fail
1.6
Fail
4.8
AA
11.1
AAA
2.6
Fail
—
4.2
AA Large
12.5
AAA
2.6
Fail
1.6
Fail
4.2
AA Large
—
3.0
Fail
1.1
Fail
4.8
AA
12.5
AAA
3.0
Fail
—
White BG
1.5Fail
6.5AA
16.9AAA
4.0AA Large
1.4Fail
Black BG
13.8AAA
3.2AA Large
1.2Fail
5.2AA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D7C7
636356
1F1F1D
8F8E6E
E8E8D1

Deuteranopia

D8D9C7
646557
1F201C
92956E
EAECD1

Tritanopia

DDC9C9
685858
221C1C
A26F6F
F4D2D3

Achromatopsia

D2D2D2
5F5F5F
1D1D1D
818181
DFDFDF

Shades & Tints Shades & Tints

#DECFC4

Dark
Light

#695B55

Dark
Light

#221B1D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #decfc4;
  --color-2: #695b55;
  --color-3: #221b1d;
  --color-4: #a4736c;
  --color-5: #f5d7cf;
}

SCSS

$color-1: #decfc4;
$color-2: #695b55;
$color-3: #221b1d;
$color-4: #a4736c;
$color-5: #f5d7cf;

TAILWIND

colors: {
  'brand-1': '#decfc4',
  'brand-2': '#695b55',
  'brand-3': '#221b1d',
  'brand-4': '#a4736c',
  'brand-5': '#f5d7cf',
}

RGB Array

[222, 207, 196], [105, 91, 85], [34, 27, 29], [164, 115, 108], [245, 215, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #DECFC4, #695B55, #221B1D, #A4736C, #F5D7CF is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #decfc4; --color-2: #695b55; --color-3: #221b1d; --color-4: #a4736c; --color-5: #f5d7cf. 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. 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 minimal-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. 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