Appearance
19 Pink Color Palettes
Explore 19 expertly curated pink color palettes, featuring diverse thematic schemes including romantic, feminine, retro, and minimalist designs. A comprehensive color inspiration library for UI design, branding, and development projects.
Curated Pink Color Palettes
Browse 19 handpicked pink color palettes for various themes and applications, from romantic to modern minimalist designs.
Romantic Pink
Soft and romantic pink tones perfect for love-themed designs and feminine branding
Rose Pink
#E91E63
Pure White
#FFFFFF
Light Pink
#F8BBD9
Lavender Blush
#FFF0F5
Deep Rose
#880E4F
Blush Pink
Subtle blush tones inspired by natural skin tones and soft makeup colors
Deep Blush
#D18D8D
Blush Pink
#E8B4B8
Soft Pink
#F5D7D7
Light Blush
#F9E8E8
Warm White
#FFF5F5
Minimalist Pink
Clean and simple pink scheme for modern minimalist designs
Primary Pink
#E91E63
Pure White
#FFFFFF
Dark Gray
#212121
Medium Gray
#757575
Light Gray
#F5F5F5
Cotton Candy
Sweet pastel pinks inspired by cotton candy and confectionery
Light Rose
#FFB6C1
Baby Pink
#FFC0CB
Pale Pink
#FFD1DC
Powder Pink
#FFE4E6
Misty Rose
#FFF0F5
Fuchsia Vibrancy
Vibrant fuchsia and magenta tones for bold, energetic designs
Deep Fuchsia
#C71585
Magenta
#FF00FF
Hot Pink
#FF69B4
Light Fuchsia
#FFC0E6
Deep Purple
#4B0082
Retro Pink
Vintage pink tones inspired by 80s aesthetics and retro designs
Bubblegum Pink
#FF85A2
Pastel Pink
#FFB8D9
Mint Green
#A6FFCB
Cream
#FFFDD0
Retro Purple
#7B2CBF
Monochromatic Pink
Single hue variations from pale blush to deep rose pink
Pale Pink
#FCE4EC
Light Pink
#F8BBD9
Primary Pink
#F06292
Rose Pink
#E91E63
Deep Rose
#AD1457
Pink-Gold Luxury
Luxurious combination of pink and gold for premium, feminine branding
Rose Gold
#E0BFB8
Gold
#FFD700
Light Pink
#F8E1E7
Ivory
#FFFFF0
Dark Rose
#A52A5A
Pink-Purple Gradient
Beautiful gradient from pinks to purples for creative, feminine designs
Light Pink
#FFB6C1
Lavender
#E6E6FA
Orchid
#DA70D6
Purple
#9370DB
Deep Purple
#4B0082
Pink-Green Spring
Fresh combination of pink and green inspired by spring blossoms
Blossom Pink
#FFB7C5
Sage Green
#9DC183
Mint Green
#A6FFCB
White
#FFFFFF
Deep Green
#228B22
Pink-Black Modern
Modern, edgy combination of pink and black for contemporary designs
Hot Pink
#FF69B4
Pure Black
#000000
White
#FFFFFF
Light Gray
#D3D3D3
Dark Gray
#333333
Pink-Peach Soft
Soft peach and pink tones for gentle, warm designs
Peach Pink
#FFDAB9
Light Peach
#FFCBA4
Soft Coral
#F08080
Cream
#FFFDD0
Ivory
#FFFFF0
Pink-Brown Vintage
Vintage pink and brown tones for nostalgic, retro designs
Dusty Rose
#D18D8D
Vintage Brown
#8B4513
Light Rose
#E8B4B8
Cream
#FFFDD0
Mocha
#8B7355
Pink-Blue Candy
Sweet candy-like pinks and blues for playful designs
Candy Pink
#FFB6C1
Sky Blue
#87CEEB
Baby Blue
#89CFF0
Cotton Candy Pink
#FFD1DC
Light Blue
#BBDEFB
Pink-Yellow Sunshine
Bright and cheerful pinks and yellows for sunny designs
Sunshine Pink
#FFB6C1
Sunshine Yellow
#FFD700
Light Yellow
#FFFACD
White
#FFFFFF
Golden Yellow
#FFC107
Pink-Gray Elegant
Elegant combination of pink and gray for sophisticated designs
Rose Pink
#E91E63
Charcoal Gray
#36454F
Light Gray
#D3D3D3
White
#FFFFFF
Silver Gray
#C0C0C0
Pink-Orange Sunset
Warm sunset pinks and oranges for vibrant designs
Sunset Pink
#FF69B4
Sunset Orange
#FF8C00
Coral
#FF7F50
Light Peach
#FFDAB9
Ivory
#FFFFF0
Pink-Lavender Dreamy
Dreamy pinks and lavenders for whimsical designs
Dreamy Pink
#FFB6C1
Lavender
#E6E6FA
Light Lavender
#D8BFD8
Pale Pink
#FFE4E6
White
#FFFFFF
Pink-Red Passion
Passionate pinks and reds for bold, dramatic designs
Hot Pink
#FF69B4
Crimson Red
#DC143C
Deep Pink
#FF1493
Light Coral
#F08080
White
#FFFFFF
Generate Pink Color Palettes
Explore curated and automatically generated color palettes featuring pink. See how it harmonizes with other colors for UI themes, graphics, and branding materials.
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#DAF1FF
Light
#ACD2F3
Medium Light
#7AB5E7
Medium
#3498DB
Medium Dark
#2B6F9F
Dark
#214967
Darkest
#142634
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#3498DB
Left Dark
#76AEE2
Left Medium
#A4C5E9
Left Light
#CEDDEF
Neutral
#F5F5F5
Right Light
#F5D5C3
Right Medium
#F1B593
Right Dark
#E89664
Complementary End
#DB7734
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A9CAED
Medium
#3498DB
Dark
#004D89
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#34DB77
Left Adjacent 1
#34DBCB
Main
#3498DB
Right Adjacent 1
#3445DB
Right Adjacent 2
#7734DB
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#3498DB
Complementary
#DB7734
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#3498DB
Secondary
#DB3498
Tertiary
#98DB34
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#3498DB
Right 90°
#CB34DB
Complementary
#DB7734
Left 90°
#45DB34
Tetradic
Two pairs of complementary colors
4 colors
Main
#3498DB
Secondary
#7734DB
Complementary
#DB7734
Complementary Secondary
#98DB34
Split Complementary
Complementary colors ±30°
3 colors
Main
#3498DB
Split Left
#DB3444
Split Right
#DBCB34
Cyclic
Circular gradient for periodic data
8 colors
0°
#3498DB
45°
#4D34DB
90°
#CB34DB
135°
#DB346E
180°
#DB7734
225°
#C2DB34
270°
#45DB34
315°
#34DBA1
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A2B6C3
Pastel 1
#AFBFCB
Pastel 2
#BBC9D3
Pastel 3
#C7D3DB
Pastel 4
#D4DDE3
Deep Pastel
#E0E7EB
Extract Pink Color Palette from Image
Upload a photo to extract a pink color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP
Pink Color Code Converter
Instantly convert between HEX, RGB, CMYK, and more.
All Formats:
- HEX:#ECB12E
- RGB:rgb(236, 177, 46)
- CMYK:cmyk(0%, 25%, 81%, 7%)
- HSV:hsv(41°, 81%, 93%)
- HSL:hsl(41°, 83%, 55%)
Other Pink Color Palette
Light Pink Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE5E9
Light
#FFD6DC
Medium Light
#FFC6CE
Medium
#FFB6C1
Medium Dark
#FC8B8B
Dark
#F45D58
Darkest
#E51726
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFB6C1
Left Dark
#FEC6CE
Left Medium
#FCD6DB
Left Light
#F9E5E8
Neutral
#F5F5F5
Right Light
#E7F8F5
Right Medium
#D7FAF4
Right Dark
#C7FDF4
Complementary End
#B6FFF4
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFDBE0
Medium
#FFB6C1
Dark
#8C4D58
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F4B6FF
Left Adjacent 1
#FFB6E5
Main
#FFB6C1
Right Adjacent 1
#FFD0B6
Right Adjacent 2
#FFF4B6
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFB6C1
Complementary
#B6FFF4
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFB6C1
Secondary
#C1FFB6
Tertiary
#B6C1FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFB6C1
Right 90°
#E5FFB6
Complementary
#B6FFF4
Left 90°
#D0B6FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFB6C1
Secondary
#FFF4B6
Complementary
#B6FFF4
Complementary Secondary
#B6C1FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFB6C1
Split Left
#B6FFD0
Split Right
#B6E5FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFB6C1
45°
#FFE2B6
90°
#E5FFB6
135°
#B6FFBD
180°
#B6FFF4
225°
#B6D3FF
270°
#D0B6FF
315°
#FFB6F8
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CA2
Pastel 1
#D1A9AF
Pastel 2
#D8B6BB
Pastel 3
#DFC3C7
Pastel 4
#E6D1D4
Deep Pastel
#EDDEE0
Hot Pink Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFCFE7
Light
#FFAFD6
Medium Light
#FF8EC5
Medium
#FF69B4
Medium Dark
#DC4E90
Dark
#BA326E
Darkest
#98114E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF69B4
Left Dark
#FF90C4
Left Medium
#FFB3D4
Left Light
#FCD5E4
Neutral
#F5F5F5
Right Light
#D8F9E5
Right Medium
#B9FBD4
Right Dark
#96FEC4
Complementary End
#69FFB4
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFB8D9
Medium
#FF69B4
Dark
#9D0060
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#B469FF
Left Adjacent 1
#FF69FF
Main
#FF69B4
Right Adjacent 1
#FF6969
Right Adjacent 2
#FFB469
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF69B4
Complementary
#69FFB4
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF69B4
Secondary
#B4FF69
Tertiary
#69B4FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF69B4
Right 90°
#FFFF69
Complementary
#69FFB4
Left 90°
#6969FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF69B4
Secondary
#FFB469
Complementary
#69FFB4
Complementary Secondary
#69B4FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF69B4
Split Left
#69FF69
Split Right
#69FFFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF69B4
45°
#FF8E69
90°
#FFFF69
135°
#8EFF69
180°
#69FFB4
225°
#69DAFF
270°
#6969FF
315°
#DA69FF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CB3
Pastel 1
#D1A9BD
Pastel 2
#D8B6C7
Pastel 3
#DFC3D1
Pastel 4
#E6D1DB
Deep Pastel
#EDDEE5
Baby Pink Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FBE9E9
Light
#F9DCDC
Medium Light
#F7CFCF
Medium
#F4C2C2
Medium Dark
#E9938B
Dark
#D86458
Darkest
#C32B27
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F4C2C2
Left Dark
#F5CFCF
Left Medium
#F6DBDB
Left Light
#F6E8E8
Neutral
#F5F5F5
Right Light
#E9F5F5
Right Medium
#DCF5F4
Right Dark
#CFF4F4
Complementary End
#C2F4F4
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FBE0E0
Medium
#F4C2C2
Dark
#815657
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F4C2F4
Left Adjacent 1
#F4C2DB
Main
#F4C2C2
Right Adjacent 1
#F4DBC2
Right Adjacent 2
#F4F4C2
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F4C2C2
Complementary
#C2F4F4
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F4C2C2
Secondary
#C2F4C2
Tertiary
#C2C2F4
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F4C2C2
Right 90°
#DBF4C2
Complementary
#C2F4F4
Left 90°
#DBC2F4
Tetradic
Two pairs of complementary colors
4 colors
Main
#F4C2C2
Secondary
#F4F4C2
Complementary
#C2F4F4
Complementary Secondary
#C2C2F4
Split Complementary
Complementary colors ±30°
3 colors
Main
#F4C2C2
Split Left
#C2F4DB
Split Right
#C2DBF4
Cyclic
Circular gradient for periodic data
8 colors
0°
#F4C2C2
45°
#F4E8C2
90°
#DBF4C2
135°
#C2F4CF
180°
#C2F4F4
225°
#C2CFF4
270°
#DBC2F4
315°
#F4C2E8
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C2A3A3
Pastel 1
#CBAFAF
Pastel 2
#D3BBBB
Pastel 3
#DBC8C8
Pastel 4
#E3D4D4
Deep Pastel
#EBE0E0
Rose Pink Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE3F9
Light
#FFBDEA
Medium Light
#FF94DB
Medium
#FF66CC
Medium Dark
#DB4BA8
Dark
#B83186
Darkest
#951165
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF66CC
Left Dark
#FF8FD6
Left Medium
#FFB3E1
Left Light
#FBD4EB
Neutral
#F5F5F5
Right Light
#D8F9DE
Right Medium
#B8FCC7
Right Dark
#94FEB0
Complementary End
#66FF99
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFB8E6
Medium
#FF66CC
Dark
#9D0074
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#9966FF
Left Adjacent 1
#E566FF
Main
#FF66CC
Right Adjacent 1
#FF6680
Right Adjacent 2
#FF9966
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF66CC
Complementary
#66FF99
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF66CC
Secondary
#CCFF66
Tertiary
#66CCFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF66CC
Right 90°
#FFE666
Complementary
#66FF99
Left 90°
#6680FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF66CC
Secondary
#FF9966
Complementary
#66FF99
Complementary Secondary
#66CCFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF66CC
Split Left
#80FF66
Split Right
#66FFE6
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF66CC
45°
#FF7366
90°
#FFE666
135°
#A6FF66
180°
#66FF99
225°
#66F2FF
270°
#6680FF
315°
#BF66FF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CBA
Pastel 1
#D1A9C3
Pastel 2
#D8B6CD
Pastel 3
#DFC3D6
Pastel 4
#E6D1DF
Deep Pastel
#EDDEE8
Blush Pink Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE7EF
Light
#F8BBCA
Medium Light
#ED8DA6
Medium
#DE5D83
Medium Dark
#AF4563
Dark
#822E45
Darkest
#581829
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#DE5D83
Left Dark
#E8869E
Left Medium
#EFABBA
Left Light
#F4D0D7
Neutral
#F5F5F5
Right Light
#D4F0E5
Right Medium
#B1EBD6
Right Dark
#8BE5C7
Complementary End
#5DDEB8
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F4B0BF
Medium
#DE5D83
Dark
#8A003E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#B85DDE
Left Adjacent 1
#DE5DC4
Main
#DE5D83
Right Adjacent 1
#DE775D
Right Adjacent 2
#DEB85D
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#DE5D83
Complementary
#5DDEB8
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#DE5D83
Secondary
#83DE5D
Tertiary
#5D83DE
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#DE5D83
Right 90°
#C3DE5D
Complementary
#5DDEB8
Left 90°
#775DDE
Tetradic
Two pairs of complementary colors
4 colors
Main
#DE5D83
Secondary
#DEB85D
Complementary
#5DDEB8
Complementary Secondary
#5D83DE
Split Complementary
Complementary colors ±30°
3 colors
Main
#DE5D83
Split Left
#5DDE77
Split Right
#5DC4DE
Cyclic
Circular gradient for periodic data
8 colors
0°
#DE5D83
45°
#DE985D
90°
#C3DE5D
135°
#63DE5D
180°
#5DDEB8
225°
#5DA3DE
270°
#775DDE
315°
#D85DDE
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C2A3AC
Pastel 1
#CAB0B7
Pastel 2
#D2BCC2
Pastel 3
#DAC8CD
Pastel 4
#E2D4D8
Deep Pastel
#EBE0E3
Fuchsia Pink Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFCAFF
Light
#FF9FFF
Medium Light
#FF6CFF
Medium
#FF00FF
Medium Dark
#B407B4
Dark
#6F076F
Darkest
#310430
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF00FF
Left Dark
#FF6DFE
Left Medium
#FFA0FB
Left Light
#FDCCF9
Neutral
#F5F5F5
Right Light
#D3FAC6
Right Medium
#ACFD96
Right Dark
#7AFE61
Complementary End
#00FF00
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFA5FF
Medium
#FF00FF
Dark
#A200A9
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#0000FF
Left Adjacent 1
#7F00FF
Main
#FF00FF
Right Adjacent 1
#FF0080
Right Adjacent 2
#FF0000
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF00FF
Complementary
#00FF00
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF00FF
Secondary
#FFFF00
Tertiary
#00FFFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF00FF
Right 90°
#FF8000
Complementary
#00FF00
Left 90°
#007FFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF00FF
Secondary
#FF0000
Complementary
#00FF00
Complementary Secondary
#00FFFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF00FF
Split Left
#80FF00
Split Right
#00FF80
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF00FF
45°
#FF0040
90°
#FF8000
135°
#BFFF00
180°
#00FF00
225°
#00FFBF
270°
#007FFF
315°
#4000FF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CC9
Pastel 1
#D1A9D1
Pastel 2
#D8B6D8
Pastel 3
#DFC3DF
Pastel 4
#E6D1E6
Deep Pastel
#EDDEED
Salmon Pink Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FDD9D5
Light
#FFBCB3
Medium Light
#FE9E92
Medium
#FA8072
Medium Dark
#D9604F
Dark
#B8402D
Darkest
#971C0A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FA8072
Left Dark
#FD9E91
Left Medium
#FEBCB2
Left Light
#FCD8D3
Neutral
#F5F5F5
Right Light
#DAF3F6
Right Medium
#BDF1F8
Right Dark
#9BEFF9
Complementary End
#72ECFA
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFC0B6
Medium
#FA8072
Dark
#942624
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FA72EC
Left Adjacent 1
#FA72A8
Main
#FA8072
Right Adjacent 1
#FAC472
Right Adjacent 2
#ECFA72
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FA8072
Complementary
#72ECFA
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FA8072
Secondary
#72FA80
Tertiary
#8072FA
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FA8072
Right 90°
#A8FA72
Complementary
#72ECFA
Left 90°
#C472FA
Tetradic
Two pairs of complementary colors
4 colors
Main
#FA8072
Secondary
#ECFA72
Complementary
#72ECFA
Complementary Secondary
#8072FA
Split Complementary
Complementary colors ±30°
3 colors
Main
#FA8072
Split Left
#72FAC4
Split Right
#72A8FA
Cyclic
Circular gradient for periodic data
8 colors
0°
#FA8072
45°
#FAE672
90°
#A8FA72
135°
#72FAA2
180°
#72ECFA
225°
#7286FA
270°
#C472FA
315°
#FA72CA
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C8A29D
Pastel 1
#CFAEAA
Pastel 2
#D7BAB7
Pastel 3
#DEC7C4
Pastel 4
#E5D3D1
Deep Pastel
#EDE0DE
Coral Pink Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FDDDDA
Light
#FEBFB9
Medium Light
#FDA298
Medium
#F88379
Medium Dark
#D96254
Dark
#BA4130
Darkest
#9A1B0D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F88379
Left Dark
#FCA097
Left Medium
#FDBDB5
Left Light
#FBD9D5
Neutral
#F5F5F5
Right Light
#DBF4F6
Right Medium
#BFF2F7
Right Dark
#9FF0F7
Complementary End
#79EEF8
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFC2BA
Medium
#F88379
Dark
#922A29
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F879EE
Left Adjacent 1
#F879AE
Main
#F88379
Right Adjacent 1
#F8C379
Right Adjacent 2
#EEF879
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F88379
Complementary
#79EEF8
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F88379
Secondary
#79F883
Tertiary
#8379F8
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F88379
Right 90°
#AFF879
Complementary
#79EEF8
Left 90°
#C379F8
Tetradic
Two pairs of complementary colors
4 colors
Main
#F88379
Secondary
#EEF879
Complementary
#79EEF8
Complementary Secondary
#8379F8
Split Complementary
Complementary colors ±30°
3 colors
Main
#F88379
Split Left
#79F8C3
Split Right
#79AEF8
Cyclic
Circular gradient for periodic data
8 colors
0°
#F88379
45°
#F8E279
90°
#AFF879
135°
#79F8A3
180°
#79EEF8
225°
#798FF8
270°
#C379F8
315°
#F879CE
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C7A19E
Pastel 1
#CFAEAB
Pastel 2
#D6BAB8
Pastel 3
#DEC7C5
Pastel 4
#E5D3D2
Deep Pastel
#ECE0DF
Pastel Pink Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE5EC
Light
#FFDFE6
Medium Light
#FFD8E1
Medium
#FFD1DC
Medium Dark
#FFA1A6
Dark
#FF6D73
Darkest
#FB1D43
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFD1DC
Left Dark
#FDDAE2
Left Medium
#FBE3E8
Left Light
#F8ECEF
Neutral
#F5F5F5
Right Light
#ECF8F5
Right Medium
#E4FAF4
Right Dark
#DBFDF4
Complementary End
#D1FFF4
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFE8ED
Medium
#FFD1DC
Dark
#855D67
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F4D1FF
Left Adjacent 1
#FFD1F3
Main
#FFD1DC
Right Adjacent 1
#FFDDD1
Right Adjacent 2
#FFF4D1
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFD1DC
Complementary
#D1FFF4
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFD1DC
Secondary
#DCFFD1
Tertiary
#D1DCFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFD1DC
Right 90°
#F3FFD1
Complementary
#D1FFF4
Left 90°
#DDD1FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFD1DC
Secondary
#FFF4D1
Complementary
#D1FFF4
Complementary Secondary
#D1DCFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFD1DC
Split Left
#D1FFDD
Split Right
#D1F3FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFD1DC
45°
#FFE8D1
90°
#F3FFD1
135°
#D1FFD2
180°
#D1FFF4
225°
#D1E7FF
270°
#DDD1FF
315°
#FFD1FE
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CA7
Pastel 1
#D1A9B2
Pastel 2
#D8B6BE
Pastel 3
#DFC3CA
Pastel 4
#E6D1D6
Deep Pastel
#EDDEE2
Magenta Pink Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFCAF2
Light
#FF9CDB
Medium Light
#FF69C5
Medium
#FF00AF
Medium Dark
#B4087C
Dark
#6E084C
Darkest
#300422
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF00AF
Left Dark
#FF6AC0
Left Medium
#FF9DD2
Left Light
#FECAE3
Neutral
#F5F5F5
Right Light
#D2FACE
Right Medium
#AAFDA7
Right Dark
#78FE7E
Complementary End
#00FF50
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFA2D7
Medium
#FF00AF
Dark
#A70066
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#5000FF
Left Adjacent 1
#CF00FF
Main
#FF00AF
Right Adjacent 1
#FF0030
Right Adjacent 2
#FF5000
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF00AF
Complementary
#00FF50
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF00AF
Secondary
#AFFF00
Tertiary
#00AFFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF00AF
Right 90°
#FFCF00
Complementary
#00FF50
Left 90°
#0030FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF00AF
Secondary
#FF5000
Complementary
#00FF50
Complementary Secondary
#00AFFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF00AF
Split Left
#30FF00
Split Right
#00FFD0
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF00AF
45°
#FF1000
90°
#FFCF00
135°
#6FFF00
180°
#00FF50
225°
#00EFFF
270°
#0030FF
315°
#9000FF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CBB
Pastel 1
#D1A9C4
Pastel 2
#D8B6CD
Pastel 3
#DFC3D6
Pastel 4
#E6D1DF
Deep Pastel
#EDDEE8