IMZ01

💖 0 likes

Created Jan 16, 2024

18 colors

Color Palette Overview

ffd47b

7e716b

71655f

635854

927e78

2c2725

393331

47403c

554C48

9a8875

695955

f2ebe3

fcd9a4

Fc9e2b

ffa02a

f99125

f7b344

887671

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#ffe4ad Tint -10%	#ffdb94 Tint -5%	ffd47b Original	#ffca61 Shade +5%	#ffc247 Shade +10%
#988c86 Tint -10%	#8c7e78 Tint -5%	7e716b Original	#716560 Shade +5%	#635954 Shade +10%
#8d7e77 Tint -10%	#80726b Tint -5%	71655f Original	#645954 Shade +5%	#564d48 Shade +10%
#7f716c Tint -10%	#716560 Tint -5%	635854 Original	#554c49 Shade +5%	#48403d Shade +10%
#a99893 Tint -10%	#9d8b85 Tint -5%	927e78 Original	#85716b Shade +5%	#77655f Shade +10%
#48403c Tint -10%	#3a3331 Tint -5%	2c2725 Original	#1f1b1a Shade +5%	#110f0e Shade +10%
#554c49 Tint -10%	#48403d Tint -5%	393331 Original	#2c2726 Shade +5%	#1e1b1a Shade +10%
#635a54 Tint -10%	#554d49 Tint -5%	47403c Original	#3a3431 Shade +5%	#2c2826 Shade +10%
#716560 Tint -10%	#635954 Tint -5%	554C48 Original	#48403d Shade +5%	#3a3431 Shade +10%
#afa192 Tint -10%	#a49484 Tint -5%	9a8875 Original	#8d7b68 Shade +5%	#7e6e5d Shade +10%
#85706b Tint -10%	#77645f Tint -5%	695955 Original	#5b4c49 Shade +5%	#4c403d Shade +10%
#ffffff Tint -10%	#faf8f5 Tint -5%	f2ebe3 Original	#eadfd2 Shade +5%	#e2d2c0 Shade +10%
#feeed7 Tint -10%	#fde4bf Tint -5%	fcd9a4 Original	#fbcf8d Shade +5%	#fbc574 Shade +10%
#fdb55e Tint -10%	#fcaa45 Tint -5%	Fc9e2b Original	#fb9313 Shade +5%	#f18604 Shade +10%
#ffb65c Tint -10%	#ffaa42 Tint -5%	ffa02a Original	#ff930f Shade +5%	#f58700 Shade +10%
#fbab56 Tint -10%	#fa9f3d Tint -5%	f99125 Original	#f9860b Shade +5%	#e57906 Shade +10%
#f9c776 Tint -10%	#f8bd5d Tint -5%	f7b344 Original	#f6a92c Shade +5%	#f59f14 Shade +10%
#a0918d Tint -10%	#94847f Tint -5%	887671 Original	#7a6a66 Shade +5%	#6c5e5a Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
ffd47b	RGB(255, 212, 123)	CMYK(0, 17, 52, 0)	Orange
7e716b	RGB(126, 113, 107)	CMYK(0, 10, 15, 51)	Gray
71655f	RGB(113, 101, 95)	CMYK(0, 11, 16, 56)	Gray
635854	RGB(99, 88, 84)	CMYK(0, 11, 15, 61)	Gray
927e78	RGB(146, 126, 120)	CMYK(0, 14, 18, 43)	Gray
2c2725	RGB(44, 39, 37)	CMYK(0, 11, 16, 83)	Black
393331	RGB(57, 51, 49)	CMYK(0, 11, 14, 78)	Gray
47403c	RGB(71, 64, 60)	CMYK(0, 10, 15, 72)	Gray
554C48	RGB(85, 76, 72)	CMYK(0, 11, 15, 67)	Gray
9a8875	RGB(154, 136, 117)	CMYK(0, 12, 24, 40)	Gray
695955	RGB(105, 89, 85)	CMYK(0, 15, 19, 59)	Gray
f2ebe3	RGB(242, 235, 227)	CMYK(0, 3, 6, 5)	White
fcd9a4	RGB(252, 217, 164)	CMYK(0, 14, 35, 1)	Orange
Fc9e2b	RGB(252, 158, 43)	CMYK(0, 37, 83, 1)	Orange
ffa02a	RGB(255, 160, 42)	CMYK(0, 37, 84, 0)	Orange
f99125	RGB(249, 145, 37)	CMYK(0, 42, 85, 2)	Orange
f7b344	RGB(247, 179, 68)	CMYK(0, 28, 72, 3)	Orange
887671	RGB(136, 118, 113)	CMYK(0, 13, 17, 47)	Gray

Print Design Considerations

CMYK values for professional printing

ffd47b

C:0 M:17 Y:52 K:0

7e716b

C:0 M:10 Y:15 K:51

71655f

C:0 M:11 Y:16 K:56

635854

C:0 M:11 Y:15 K:61

927e78

C:0 M:14 Y:18 K:43

2c2725

C:0 M:11 Y:16 K:83

393331

C:0 M:11 Y:14 K:78

47403c

C:0 M:10 Y:15 K:72

554C48

C:0 M:11 Y:15 K:67

9a8875

C:0 M:12 Y:24 K:40

695955

C:0 M:15 Y:19 K:59

f2ebe3

C:0 M:3 Y:6 K:5

fcd9a4

C:0 M:14 Y:35 K:1

Fc9e2b

C:0 M:37 Y:83 K:1

ffa02a

C:0 M:37 Y:84 K:0

f99125

C:0 M:42 Y:85 K:2

f7b344

C:0 M:28 Y:72 K:3

887671

C:0 M:13 Y:17 K:47

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: ffd47b;
  --color-2: 7e716b;
  --color-3: 71655f;
  --color-4: 635854;
  --color-5: 927e78;
  --color-6: 2c2725;
  --color-7: 393331;
  --color-8: 47403c;
  --color-9: 554C48;
  --color-10: 9a8875;
  --color-11: 695955;
  --color-12: f2ebe3;
  --color-13: fcd9a4;
  --color-14: Fc9e2b;
  --color-15: ffa02a;
  --color-16: f99125;
  --color-17: f7b344;
  --color-18: 887671;
}

Text & Button Examples

See how text and buttons look on each color background

Orange ffd47b

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 7e716b

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.

Gray 71655f

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.

Gray 635854

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.

Gray 927e78

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 2c2725

Heading Level 1

Heading Level 2

Heading Level 3

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

Gray 393331

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.

Gray 47403c

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.

Gray 554C48

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.

Gray 9a8875

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 695955

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.

White f2ebe3

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.

Orange fcd9a4

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.

Orange Fc9e2b

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.

Orange ffa02a

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.

Orange f99125

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.

Orange f7b344

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 887671

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.

Related Color Schemes

Discover more beautiful color combinations