*

💖 382 likes

Created Sep 6, 2018

8 colors

Color Palette Overview

93747C

c4a1a5

E9DAD6

F6F3EE

E0E0E0

D7DDE0

8BAFBD

768B8F

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#ab9298 Tint -10%	#a0838a Tint -5%	93747C Original	#876870 Shade +5%	#795d64 Shade +10%
#d8c0c3 Tint -10%	#ceb1b4 Tint -5%	c4a1a5 Original	#ba9196 Shade +5%	#b08287 Shade +10%
#fbf9f8 Tint -10%	#f3eae8 Tint -5%	E9DAD6 Original	#e1ccc7 Shade +5%	#d8bdb6 Shade +10%
#ffffff Tint -10%	#ffffff Tint -5%	F6F3EE Original	#ede7de Shade +5%	#e5dccd Shade +10%
#fafafa Tint -10%	#ededed Tint -5%	E0E0E0 Original	#d4d4d4 Shade +5%	#c7c7c7 Shade +10%
#f3f5f6 Tint -10%	#e5e9eb Tint -5%	D7DDE0 Original	#c8d1d5 Shade +5%	#bac4ca Shade +10%
#abc4cf Tint -10%	#9bb9c5 Tint -5%	8BAFBD Original	#7aa3b3 Shade +5%	#6a97a9 Shade +10%
#92a2a5 Tint -10%	#84969a Tint -5%	768B8F Original	#6a7d81 Shade +5%	#5e7073 Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
93747C	RGB(147, 116, 124)	CMYK(0, 21, 16, 42)	Gray
c4a1a5	RGB(196, 161, 165)	CMYK(0, 18, 16, 23)	Black
E9DAD6	RGB(233, 218, 214)	CMYK(0, 6, 8, 9)	Black
F6F3EE	RGB(246, 243, 238)	CMYK(0, 1, 3, 4)	White
E0E0E0	RGB(224, 224, 224)	CMYK(0, 0, 0, 12)	Gray
D7DDE0	RGB(215, 221, 224)	CMYK(4, 1, 0, 12)	Gray
8BAFBD	RGB(139, 175, 189)	CMYK(26, 7, 0, 26)	Black
768B8F	RGB(118, 139, 143)	CMYK(17, 3, 0, 44)	Gray

Print Design Considerations

CMYK values for professional printing

93747C

C:0 M:21 Y:16 K:42

c4a1a5

C:0 M:18 Y:16 K:23

E9DAD6

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

F6F3EE

C:0 M:1 Y:3 K:4

E0E0E0

C:0 M:0 Y:0 K:12

D7DDE0

C:4 M:1 Y:0 K:12

8BAFBD

C:26 M:7 Y:0 K:26

768B8F

C:17 M:3 Y:0 K:44

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: 93747C;
  --color-2: c4a1a5;
  --color-3: E9DAD6;
  --color-4: F6F3EE;
  --color-5: E0E0E0;
  --color-6: D7DDE0;
  --color-7: 8BAFBD;
  --color-8: 768B8F;
}

Text & Button Examples

See how text and buttons look on each color background

Gray 93747C

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Gray 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.

Black c4a1a5

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.

Black E9DAD6

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.

White F6F3EE

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the White 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 E0E0E0

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.

Gray D7DDE0

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.

Black 8BAFBD

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.

Gray 768B8F

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.

Related Color Schemes

Discover more beautiful color combinations

*

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

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:)