Skylark

💖 4 likes

Created Feb 15, 2024

6 colors

Color Palette Overview

e0dcd5

D19D49

9BBABB

A75E38

DDAF9C

EBE1DD

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#f6f5f3 Tint -10%	#ebe9e5 Tint -5%	e0dcd5 Original	#d6d0c7 Shade +5%	#cbc4b9 Shade +10%
#dbb270 Tint -10%	#d6a75c Tint -5%	D19D49 Original	#cc9133 Shade +5%	#b8832e Shade +10%
#b9cfcf Tint -10%	#aac4c5 Tint -5%	9BBABB Original	#8cafb1 Shade +5%	#7da5a6 Shade +10%
#c4784f Tint -10%	#bb6a3e Tint -5%	A75E38 Original	#955532 Shade +5%	#824a2b Shade +10%
#eacec2 Tint -10%	#e4bfaf Tint -5%	DDAF9C Original	#d7a089 Shade +5%	#d09176 Shade +10%
#fdfcfc Tint -10%	#f4eeec Tint -5%	EBE1DD Original	#e1d2cc Shade +5%	#d7c3bc Shade +10%

Complete Color Information

Professional color data with RGB and CMYK values for all design applications.

HEX	RGB	CMYK	Name
e0dcd5	RGB(224, 220, 213)	CMYK(0, 2, 5, 12)	Gray
D19D49	RGB(209, 157, 73)	CMYK(0, 25, 65, 18)	Orange
9BBABB	RGB(155, 186, 187)	CMYK(17, 1, 0, 27)	Gray
A75E38	RGB(167, 94, 56)	CMYK(0, 44, 66, 35)	Orange
DDAF9C	RGB(221, 175, 156)	CMYK(0, 21, 29, 13)	Brown
EBE1DD	RGB(235, 225, 221)	CMYK(0, 4, 6, 8)	Black

Print Design Considerations

CMYK values for professional printing

e0dcd5

C:0 M:2 Y:5 K:12

D19D49

C:0 M:25 Y:65 K:18

9BBABB

C:17 M:1 Y:0 K:27

A75E38

C:0 M:44 Y:66 K:35

DDAF9C

C:0 M:21 Y:29 K:13

EBE1DD

C:0 M:4 Y:6 K:8

Usage Examples

See how this color scheme works in different design contexts and get inspiration for your projects.

CSS Variables

Use these CSS custom properties in your stylesheets

:root {
  --color-1: e0dcd5;
  --color-2: D19D49;
  --color-3: 9BBABB;
  --color-4: A75E38;
  --color-5: DDAF9C;
  --color-6: EBE1DD;
}

Text & Button Examples

See how text and buttons look on each color background

Gray e0dcd5

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Gray background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Orange D19D49

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Orange background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Gray 9BBABB

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Gray background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Orange A75E38

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Orange background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

Brown DDAF9C

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Brown background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Black EBE1DD

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Black background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Related Color Schemes

Discover more beautiful color combinations

Skylark

Color Palette Overview

Colors and Tints/Shades

Complete Color Information

Print Design Considerations

Usage Examples

CSS Variables

Text & Button Examples

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)