Appearance
19 Blue Color Palettes
Explore 19 expertly curated blue color palettes, featuring diverse thematic schemes including oceanic, corporate, retro, and minimalist designs. A comprehensive color inspiration library for UI design, branding, and development projects.
Curated Blue Color Palettes
Browse 19 handpicked blue color palettes for various themes and applications, from corporate to oceanic styles.
Healthcare Blue
Professional blue color scheme for the healthcare industry
Medical Blue
#1E88E5
Pure White
#FFFFFF
Pale Blue
#E3F2FD
Lavender White
#E6E6FA
Navy Blue
#0D47A1
Oceanic Blue
Inspired by deep sea, sky, and ocean elements
Deep Ocean
#0D3B66
Ocean Blue
#0066CC
Sea Green
#2A9D8F
Sky Blue
#87CEEB
Foam White
#F0F8FF
Minimalist Blue
Maximum effect with minimum colors - a minimalist blue scheme
Primary Blue
#1976D2
Pure White
#FFFFFF
Dark Gray
#212121
Medium Gray
#757575
Light Gray
#F5F5F5
Corporate Blue
Professional corporate blue scheme for business applications
Corporate Navy
#0A2463
Trust Blue
#1A5099
Confidence Blue
#3A7CA5
Light Corporate
#D9E6F2
Dark Charcoal
#2C2C2C
Velvet Texture Blue
Simulates velvet texture, from deep navy to light blue velvet
Deep Navy
#0A1128
Royal Blue
#034078
Velvet Blue
#1282A2
Light Blue Velvet
#A9D6E5
Velvet Mist
#E8F4F8
Retro Blue
Vintage blue scheme influenced by mid-century modernism
Teal Blue
#2A9D8F
Ocean Breeze
#4CC9F0
Mustard Yellow
#F4A261
Cream
#F4E9CD
Retro Gray
#3A3A38
Monochromatic Blue
Same hue with different brightness/saturation variations, gradient from light to dark
Light Blue
#E3F2FD
Sky Blue
#90CAF9
Primary Blue
#2196F3
Dark Blue
#1565C0
Deep Blue
#0D47A1
Blue-Orange Complementary
Strong contrast between blue and orange, creating visual impact
Primary Blue
#1976D2
Vibrant Orange
#FF6F00
Light Orange
#FFCC80
Light Gray
#F5F5F5
Dark Gray
#212121
Blue-Green Analogous
Cool gradient of adjacent colors, creating calm and professional feel
Navy Blue
#0D3B66
Teal
#2A9D8F
Mint Green
#4CC9B0
Light Mint
#E0F7FA
Dark Teal
#1D3557
Blue-Yellow Split Complementary
Blue paired with two shades of yellow, creating energetic balance
Primary Blue
#1A5099
Golden Yellow
#FFD166
Light Yellow
#FFF3B0
White
#F5F5F5
Dark Gray
#424242
Blue-Purple-Pink Analogous
Adjacent blue, purple, and pink creating a modern creative palette
Royal Blue
#4361EE
Purple
#7209B7
Pink
#F72585
Light Lavender
#F3E5F5
Deep Indigo
#3A0CA3
Sky & Cloud
Soft blues inspired by clear skies and fluffy clouds
Sky Blue
#87CEEB
Baby Blue
#89CFF0
Powder Blue
#B0E0E6
Cloud White
#F0F8FF
Light Gray
#D3D3D3
Blue-Black-White Modern
Contemporary scheme combining blue with black and white for modern designs
Electric Blue
#0077BE
Jet Black
#000000
Pure White
#FFFFFF
Charcoal Gray
#36454F
Silver Gray
#C0C0C0
Denim Blue
Inspired by various shades of denim fabric
Dark Denim
#1560BD
Classic Denim
#1E90FF
Stone Wash
#6F8FAF
Light Denim
#B0C4DE
Cream
#FFFDD0
Blue-Gold Luxury
Elegant combination of blue and gold for premium branding
Royal Blue
#002366
Gold
#FFD700
Cream
#FFFDD0
Navy Blue
#000080
Ivory
#FFFFF0
Aqua Marine
Fresh aqua and turquoise blues inspired by tropical waters
Deep Aqua
#00BFFF
Turquoise
#40E0D0
Light Aqua
#7FFFD4
Seafoam
#8FBC8F
White Sand
#F5F5DC
Blue-Gray Industrial
Industrial blues with gray undertones for technical designs
Slate Blue
#6A5ACD
Steel Blue
#4682B4
Light Steel Blue
#B0C4DE
Cool Gray
#808080
Light Gray
#D3D3D3
Pastel Blue
Soft pastel blues for gentle, calming designs
Pastel Blue
#AEC6CF
Baby Blue
#89CFF0
Powder Blue
#B0E0E6
Lavender Blue
#CCCCFF
Misty Blue
#E6E6FA
Midnight Blue
Deep, dark blues inspired by night skies and midnight hours
Midnight Blue
#191970
Navy Blue
#000080
Dark Blue
#00008B
Royal Blue
#4169E1
Starlight
#E6E6FA
Generate Blue Color Palettes
Explore curated and automatically generated color palettes featuring blue. 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 Blue Color Palette from Image
Upload a photo to extract a blue color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP
Blue 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 Blue Color Palette
Light Blue Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EBF6F9
Light
#D7ECF3
Medium Light
#C2E2EC
Medium
#ADD8E6
Medium Dark
#89B9CA
Dark
#659BAE
Darkest
#3F7D94
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#ADD8E6
Left Dark
#C0DFEA
Left Medium
#D2E6EE
Left Light
#E4EEF1
Neutral
#F5F5F5
Right Light
#F2E6E3
Right Medium
#EFD8D0
Right Dark
#EBC9BF
Complementary End
#E6BBAD
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#D7EBF2
Medium
#ADD8E6
Dark
#3F6975
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#ADE6BB
Left Adjacent 1
#ADE6D8
Main
#ADD8E6
Right Adjacent 1
#ADBCE6
Right Adjacent 2
#BBADE6
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#ADD8E6
Complementary
#E6BBAD
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#ADD8E6
Secondary
#E6ADD8
Tertiary
#D8E6AD
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#ADD8E6
Right 90°
#D8ADE6
Complementary
#E6BBAD
Left 90°
#BCE6AD
Tetradic
Two pairs of complementary colors
4 colors
Main
#ADD8E6
Secondary
#BBADE6
Complementary
#E6BBAD
Complementary Secondary
#D8E6AD
Split Complementary
Complementary colors ±30°
3 colors
Main
#ADD8E6
Split Left
#E6ADBC
Split Right
#E6D8AD
Cyclic
Circular gradient for periodic data
8 colors
0°
#ADD8E6
45°
#ADADE6
90°
#D8ADE6
135°
#E6ADCA
180°
#E6BBAD
225°
#E6E6AD
270°
#BCE6AD
315°
#ADE6C9
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A6B9BF
Pastel 1
#B2C2C7
Pastel 2
#BECBD0
Pastel 3
#CAD5D8
Pastel 4
#D6DEE1
Deep Pastel
#E1E8EA
Dark Blue Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#5457FF
Light
#3D3CD7
Medium Light
#2420B0
Medium
#00008B
Medium Dark
#030867
Dark
#030944
Darkest
#000025
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#00008B
Left Dark
#5C3FA6
Left Medium
#9279C1
Left Light
#C4B5DB
Neutral
#F5F5F5
Right Light
#DDD9BC
Right Medium
#C4BE84
Right Dark
#A9A44D
Complementary End
#8B8B00
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#977DC6
Medium
#00008B
Dark
#000077
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#008B8B
Left Adjacent 1
#00458B
Main
#00008B
Right Adjacent 1
#45008B
Right Adjacent 2
#8B008B
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#00008B
Complementary
#8B8B00
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#00008B
Secondary
#8B0000
Tertiary
#008B00
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#00008B
Right 90°
#8B0046
Complementary
#8B8B00
Left 90°
#008B46
Tetradic
Two pairs of complementary colors
4 colors
Main
#00008B
Secondary
#8B008B
Complementary
#8B8B00
Complementary Secondary
#008B00
Split Complementary
Complementary colors ±30°
3 colors
Main
#00008B
Split Left
#8B4600
Split Right
#468B00
Cyclic
Circular gradient for periodic data
8 colors
0°
#00008B
45°
#68008B
90°
#8B0046
135°
#8B2300
180°
#8B8B00
225°
#238B00
270°
#008B46
315°
#00688B
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9C9CC9
Pastel 1
#A9A9D1
Pastel 2
#B6B6D8
Pastel 3
#C3C3DF
Pastel 4
#D1D1E6
Deep Pastel
#DEDEED
Navy Blue Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#484CFF
Light
#3333D3
Medium Light
#1D1BA9
Medium
#000080
Medium Dark
#0A075B
Dark
#0D0739
Darkest
#00001A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#000080
Left Dark
#593D9E
Left Medium
#9077BB
Left Light
#C3B4D8
Neutral
#F5F5F5
Right Light
#DAD6BB
Right Medium
#BEB882
Right Dark
#A09C4B
Complementary End
#808000
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#947BC0
Medium
#000080
Dark
#00006F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#008080
Left Adjacent 1
#004080
Main
#000080
Right Adjacent 1
#400080
Right Adjacent 2
#800080
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#000080
Complementary
#808000
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#000080
Secondary
#800000
Tertiary
#008000
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#000080
Right 90°
#800040
Complementary
#808000
Left 90°
#008040
Tetradic
Two pairs of complementary colors
4 colors
Main
#000080
Secondary
#800080
Complementary
#808000
Complementary Secondary
#008000
Split Complementary
Complementary colors ±30°
3 colors
Main
#000080
Split Left
#804000
Split Right
#408000
Cyclic
Circular gradient for periodic data
8 colors
0°
#000080
45°
#600080
90°
#800040
135°
#802000
180°
#808000
225°
#208000
270°
#008040
315°
#006080
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9C9CC9
Pastel 1
#A9A9D1
Pastel 2
#B6B6D8
Pastel 3
#C3C3DF
Pastel 4
#D1D1E6
Deep Pastel
#DEDEED
Sky Blue Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#DEF2FA
Light
#C3E6F5
Medium Light
#A6DAF0
Medium
#87CEEB
Medium Dark
#69ACC9
Dark
#4B8BA9
Darkest
#2D6B89
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#87CEEB
Left Dark
#A6D8EE
Left Medium
#C1E1F0
Left Light
#DCEBF3
Neutral
#F5F5F5
Right Light
#F5E1D9
Right Medium
#F3CCBD
Right Dark
#F0B8A2
Complementary End
#EBA487
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C6E6F5
Medium
#87CEEB
Dark
#05667F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#87EBA4
Left Adjacent 1
#87EBD6
Main
#87CEEB
Right Adjacent 1
#879CEB
Right Adjacent 2
#A487EB
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#87CEEB
Complementary
#EBA487
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#87CEEB
Secondary
#EB87CE
Tertiary
#CEEB87
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#87CEEB
Right 90°
#D687EB
Complementary
#EBA487
Left 90°
#9CEB87
Tetradic
Two pairs of complementary colors
4 colors
Main
#87CEEB
Secondary
#A487EB
Complementary
#EBA487
Complementary Secondary
#CEEB87
Split Complementary
Complementary colors ±30°
3 colors
Main
#87CEEB
Split Left
#EB879C
Split Right
#EBD687
Cyclic
Circular gradient for periodic data
8 colors
0°
#87CEEB
45°
#8B87EB
90°
#D687EB
135°
#EB87B5
180°
#EBA487
225°
#E7EB87
270°
#9CEB87
315°
#87EBBD
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A2B9C3
Pastel 1
#AEC3CB
Pastel 2
#BBCCD3
Pastel 3
#C7D5DB
Pastel 4
#D4DFE3
Deep Pastel
#E0E8EB
Royal Blue Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E6EEFF
Light
#B8BFF6
Medium Light
#8593EC
Medium
#4169E1
Medium Dark
#304EAA
Dark
#203476
Darkest
#111C46
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#4169E1
Left Dark
#7D89E7
Left Medium
#A9ACEC
Left Light
#D0D0F1
Neutral
#F5F5F5
Right Light
#F4E5C9
Right Medium
#F1D69D
Right Dark
#EAC771
Complementary End
#E1B941
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#AEB1F1
Medium
#4169E1
Dark
#00339E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#41E1B9
Left Adjacent 1
#41B9E1
Main
#4169E1
Right Adjacent 1
#6941E1
Right Adjacent 2
#B941E1
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#4169E1
Complementary
#E1B941
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#4169E1
Secondary
#E14169
Tertiary
#69E141
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#4169E1
Right 90°
#E141B9
Complementary
#E1B941
Left 90°
#41E169
Tetradic
Two pairs of complementary colors
4 colors
Main
#4169E1
Secondary
#B941E1
Complementary
#E1B941
Complementary Secondary
#69E141
Split Complementary
Complementary colors ±30°
3 colors
Main
#4169E1
Split Left
#E16941
Split Right
#B9E141
Cyclic
Circular gradient for periodic data
8 colors
0°
#4169E1
45°
#9141E1
90°
#E141B9
135°
#E14141
180°
#E1B941
225°
#91E141
270°
#41E169
315°
#41E1E1
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A2AAC3
Pastel 1
#AEB5CB
Pastel 2
#BBC1D3
Pastel 3
#C7CCDB
Pastel 4
#D4D7E3
Deep Pastel
#E0E3EB
Teal Blue Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#28FFFF
Light
#1AD3D3
Medium Light
#0CA9A9
Medium
#008080
Medium Dark
#055B5B
Dark
#053939
Darkest
#001A1A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#008080
Left Dark
#599D9C
Left Medium
#8FBAB9
Left Light
#C2D7D6
Neutral
#F5F5F5
Right Light
#E0BBB2
Right Medium
#C68273
Right Dark
#A54B39
Complementary End
#800000
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#93BEBD
Medium
#008080
Dark
#004445
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#008000
Left Adjacent 1
#008040
Main
#008080
Right Adjacent 1
#004080
Right Adjacent 2
#000080
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#008080
Complementary
#800000
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#008080
Secondary
#800080
Tertiary
#808000
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#008080
Right 90°
#400080
Complementary
#800000
Left 90°
#408000
Tetradic
Two pairs of complementary colors
4 colors
Main
#008080
Secondary
#000080
Complementary
#800000
Complementary Secondary
#808000
Split Complementary
Complementary colors ±30°
3 colors
Main
#008080
Split Left
#800040
Split Right
#804000
Cyclic
Circular gradient for periodic data
8 colors
0°
#008080
45°
#002080
90°
#400080
135°
#800060
180°
#800000
225°
#806000
270°
#408000
315°
#008020
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CC9C9
Pastel 1
#A9D1D1
Pastel 2
#B6D8D8
Pastel 3
#C3DFDF
Pastel 4
#D1E6E6
Deep Pastel
#DEEDED
Steel Blue Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#D1E5F6
Light
#A5C3E0
Medium Light
#78A2CA
Medium
#4682B4
Medium Dark
#355C7D
Dark
#24384A
Darkest
#12171D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#4682B4
Left Dark
#779DC4
Left Medium
#A3BAD4
Left Light
#CCD7E5
Neutral
#F5F5F5
Right Light
#E8D4C7
Right Medium
#D9B59A
Right Dark
#C89670
Complementary End
#B47846
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A7BED9
Medium
#4682B4
Dark
#00436F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#46B478
Left Adjacent 1
#46B4AF
Main
#4682B4
Right Adjacent 1
#464BB4
Right Adjacent 2
#7846B4
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#4682B4
Complementary
#B47846
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#4682B4
Secondary
#B44682
Tertiary
#82B446
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#4682B4
Right 90°
#AF46B4
Complementary
#B47846
Left 90°
#4BB446
Tetradic
Two pairs of complementary colors
4 colors
Main
#4682B4
Secondary
#7846B4
Complementary
#B47846
Complementary Secondary
#82B446
Split Complementary
Complementary colors ±30°
3 colors
Main
#4682B4
Split Left
#B4464B
Split Right
#B4AF46
Cyclic
Circular gradient for periodic data
8 colors
0°
#4682B4
45°
#5D46B4
90°
#AF46B4
135°
#B44666
180°
#B47846
225°
#9EB446
270°
#4BB446
315°
#46B493
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A8B3BD
Pastel 1
#B4BDC5
Pastel 2
#BFC8CE
Pastel 3
#CBD2D7
Pastel 4
#D7DCE0
Deep Pastel
#E2E6E9
Azure Blue Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#C6E6FF
Light
#9FC2FF
Medium Light
#6EA0FF
Medium
#007FFF
Medium Dark
#105AB3
Dark
#0F386D
Darkest
#08192E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#007FFF
Left Dark
#739AFE
Left Medium
#A6B7FB
Left Light
#CFD6F9
Neutral
#F5F5F5
Right Light
#FFD8BD
Right Medium
#FFBB87
Right Dark
#FF9E50
Complementary End
#FF8000
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#ABBCFF
Medium
#007FFF
Dark
#003FB1
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#00FF80
Left Adjacent 1
#00FEFF
Main
#007FFF
Right Adjacent 1
#0000FF
Right Adjacent 2
#8000FF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#007FFF
Complementary
#FF8000
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#007FFF
Secondary
#FF007F
Tertiary
#7FFF00
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#007FFF
Right 90°
#FF00FE
Complementary
#FF8000
Left 90°
#00FF01
Tetradic
Two pairs of complementary colors
4 colors
Main
#007FFF
Secondary
#8000FF
Complementary
#FF8000
Complementary Secondary
#7FFF00
Split Complementary
Complementary colors ±30°
3 colors
Main
#007FFF
Split Left
#FF0100
Split Right
#FEFF00
Cyclic
Circular gradient for periodic data
8 colors
0°
#007FFF
45°
#4000FF
90°
#FF00FE
135°
#FF003F
180°
#FF8000
225°
#BFFF00
270°
#00FF01
315°
#00FFC0
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CB2C9
Pastel 1
#A9BDD1
Pastel 2
#B6C7D8
Pastel 3
#C3D1DF
Pastel 4
#D1DBE6
Deep Pastel
#DEE5ED
Denim Blue Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#A3CBFC
Light
#7DA6E7
Medium Light
#5482D2
Medium
#1560BD
Medium Dark
#1D427E
Dark
#182745
Darkest
#070B12
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#1560BD
Left Dark
#6782CC
Left Medium
#9AA7DA
Left Light
#C8CDE8
Neutral
#F5F5F5
Right Light
#EED3BD
Right Medium
#E1B286
Right Dark
#D19151
Complementary End
#BD7215
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#9EABDF
Medium
#1560BD
Dark
#003185
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#15BD72
Left Adjacent 1
#15B4BD
Main
#1560BD
Right Adjacent 1
#1E15BD
Right Adjacent 2
#7215BD
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#1560BD
Complementary
#BD7215
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#1560BD
Secondary
#BD1560
Tertiary
#60BD15
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#1560BD
Right 90°
#BD15B4
Complementary
#BD7215
Left 90°
#15BD1E
Tetradic
Two pairs of complementary colors
4 colors
Main
#1560BD
Secondary
#7215BD
Complementary
#BD7215
Complementary Secondary
#60BD15
Split Complementary
Complementary colors ±30°
3 colors
Main
#1560BD
Split Left
#BD1E15
Split Right
#B4BD15
Cyclic
Circular gradient for periodic data
8 colors
0°
#1560BD
45°
#4815BD
90°
#BD15B4
135°
#BD1536
180°
#BD7215
225°
#8ABD15
270°
#15BD1E
315°
#15BD9C
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A0B1C5
Pastel 1
#ADBBCD
Pastel 2
#B9C5D4
Pastel 3
#C6D0DC
Pastel 4
#D3DAE4
Deep Pastel
#DFE5EC
Cyan Blue Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#C2FFFF
Light
#9EFFFF
Medium Light
#70FFFF
Medium
#00FFFF
Medium Dark
#1AB5B5
Dark
#1A7070
Darkest
#113232
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#00FFFF
Left Dark
#7BFDFC
Left Medium
#ADFBFA
Left Light
#D3F8F7
Neutral
#F5F5F5
Right Light
#FFC8B8
Right Medium
#FF997D
Right Dark
#FF6544
Complementary End
#FF0000
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#B2FFFF
Medium
#00FFFF
Dark
#008082
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#00FF00
Left Adjacent 1
#00FF80
Main
#00FFFF
Right Adjacent 1
#007FFF
Right Adjacent 2
#0000FF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#00FFFF
Complementary
#FF0000
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#00FFFF
Secondary
#FF00FF
Tertiary
#FFFF00
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#00FFFF
Right 90°
#7F00FF
Complementary
#FF0000
Left 90°
#80FF00
Tetradic
Two pairs of complementary colors
4 colors
Main
#00FFFF
Secondary
#0000FF
Complementary
#FF0000
Complementary Secondary
#FFFF00
Split Complementary
Complementary colors ±30°
3 colors
Main
#00FFFF
Split Left
#FF0080
Split Right
#FF8000
Cyclic
Circular gradient for periodic data
8 colors
0°
#00FFFF
45°
#0040FF
90°
#7F00FF
135°
#FF00BF
180°
#FF0000
225°
#FFBF00
270°
#80FF00
315°
#00FF40
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CC9C9
Pastel 1
#A9D1D1
Pastel 2
#B6D8D8
Pastel 3
#C3DFDF
Pastel 4
#D1E6E6
Deep Pastel
#DEEDED