Pigeon

💖 267 likes

Created Apr 22, 2020

6 colors

Color Palette Overview

585959

774FDE

018B4D

FFE7F6

CCCCCC

FFE678

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#727474 Tint -10%	#656767 Tint -5%	585959 Original	#4c4d4d Shade +5%	#3f4040 Shade +10%
#997ae6 Tint -10%	#8865e2 Tint -5%	774FDE Original	#673ad9 Shade +5%	#5828d2 Shade +10%
#01bc68 Tint -10%	#01a25a Tint -5%	018B4D Original	#01703e Shade +5%	#005630 Shade +10%
#ffffff Tint -10%	#ffffff Tint -5%	FFE7F6 Original	#ffcceb Shade +5%	#ffb3e2 Shade +10%
#e6e6e6 Tint -10%	#d9d9d9 Tint -5%	CCCCCC Original	#bfbfbf Shade +5%	#b3b3b3 Shade +10%
#fff0ad Tint -10%	#ffeb94 Tint -5%	FFE678 Original	#ffe261 Shade +5%	#ffdd47 Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
585959	RGB(88, 89, 89)	CMYK(1, 0, 0, 65)	Gray
774FDE	RGB(119, 79, 222)	CMYK(46, 64, 0, 13)	Blue
018B4D	RGB(1, 139, 77)	CMYK(99, 0, 45, 45)	Cyan
FFE7F6	RGB(255, 231, 246)	CMYK(0, 9, 4, 0)	White
CCCCCC	RGB(204, 204, 204)	CMYK(0, 0, 0, 20)	Gray
FFE678	RGB(255, 230, 120)	CMYK(0, 10, 53, 0)	Yellow

Print Design Considerations

CMYK values for professional printing

585959

C:1 M:0 Y:0 K:65

774FDE

C:46 M:64 Y:0 K:13

018B4D

C:99 M:0 Y:45 K:45

FFE7F6

C:0 M:9 Y:4 K:0

CCCCCC

C:0 M:0 Y:0 K:20

FFE678

C:0 M:10 Y:53 K:0

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: 585959;
  --color-2: 774FDE;
  --color-3: 018B4D;
  --color-4: FFE7F6;
  --color-5: CCCCCC;
  --color-6: FFE678;
}

Text & Button Examples

See how text and buttons look on each color background

Gray 585959

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.

Blue 774FDE

Heading Level 1

Heading Level 2

Heading Level 3

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

Cyan 018B4D

Heading Level 1

Heading Level 2

Heading Level 3

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

White FFE7F6

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 CCCCCC

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.

Yellow FFE678

Heading Level 1

Heading Level 2

Heading Level 3

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

Pigeon

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