563 Blue Haze Color palettes

Colours that go well with Blue Haze tone combination palettes. Get HEX & RGB codes, export to Tailwind CSS, Adobe ASE, PDF, PNG, SVG. Perfect for designers & developers.

,
Gradient Edit Blue Haze – Lynch – Pale Slate – Waterloo – Manatee Color scheme
#B9BFD6
#5D6B88
#CCCACB
#848490
#94939A
Gradient Edit Cameo – Mine Shaft – Blue Haze – Gray – Driftwood Color scheme
#DBBEA7
#393939
#CAC6DC
#929292
#A98E4F
Gradient Edit Hippie Blue – Cornflower Blue – Wisteria – Geyser – Blue Haze Color scheme
#5F92AD
#5A8DE5
#8C74C1
#D4DFE6
#C8CCDE
Gradient Edit Navy Blue – Blue Haze – Cold Purple – Costa Del Sol – Locust Color scheme
#010173
#BCC0D6
#A298D3
#665C35
#A2AD88
Gradient Edit Albescent White – Roman – Mischka – Koromiko – Blue Haze Color scheme
#F4DDC8
#DE6463
#CCD3DC
#FCBC64
#C4C4DC
Gradient Edit Blue Haze – Gold Sand – Sepia Skin – Studio – Brown Rust Color scheme
#CEC3D9
#E8BF85
#9E573B
#8E44AC
#AC5E42
Gradient Edit Santa Fe – Eunry – Mischka – Stark White – Blue Haze Color scheme
#B8694A
#C9A29F
#D8CFDC
#E4D4BC
#C4C6DC
Gradient Edit Birch – Blue Haze – Shadow – Coral Reef – Xanadu Color scheme
#302E1A
#C5CBDC
#7A7D4A
#C1B99C
#7C7E7C
Gradient Edit Perano – Medium Purple – Blue Haze – Moon Raker – Spindle Color scheme
#B3D2F2
#947FE7
#C9C4D8
#CCD4F4
#C4D3EC
Gradient Edit Crusta – Fun Green – Sunglow – Shuttle Gray – Blue Haze Color scheme
#FE8335
#008337
#FBD531
#5E6D7E
#CBD1DF
Gradient Edit Prim – Vanilla Ice – Pink Flare – Lily – Blue Haze Color scheme
#EFE0E5
#F0D2DE
#E0C1C9
#D1B4CA
#CBC3DA
Gradient Edit Waterloo – Perfume – Laurel – Victoria – Blue Haze Color scheme
#707593
#D2C1F8
#7C957B
#514189
#C2C6DF
Gradient Edit Blue Haze – Raw Sienna – Au Chico – Comet – Abbey Color scheme
#C6CBDB
#D29152
#97615C
#585B74
#4A4C54
Gradient Edit Chamois – Blue Haze – Woodsmoke – Apple – Graphite Color scheme
#ECDDAF
#B9C1D6
#16191D
#3C9830
#140404
Gradient Edit Blue Haze – Light Wisteria – Black Pearl – Blue Stone – Steel Blue Color scheme
#C8C5D8
#C99CD6
#05092B
#005E63
#4580A8
Gradient Edit Thatch – Blue Haze – Storm Gray – Ebony – Calico Color scheme
#B59CA2
#BFBBD4
#76778C
#050A13
#E0B094
Gradient Edit Blue Haze – Sun – Big Stone – Trinidad – Mulled Wine Color scheme
#BCC0D6
#F7B00F
#13243E
#DB4C06
#464766
Gradient Edit Blue Haze – Sun – Big Stone – Trinidad – Firefly Color scheme
#BCC0D6
#F7B00F
#13243E
#DB4C06
#0B1828
Gradient Edit Blue Haze – Sun – Big Stone – Trinidad – Wild Blue Yonder Color scheme
#BCC0D6
#F7B00F
#13243E
#DB4C06
#6C80B2
Gradient Edit Salt Box – Cannon Pink – Blue Haze – Pearl Bush – San Marino Color scheme
#6C6A70
#804C5D
#C6CBE0
#EBE5DA
#446CA4
Gradient Edit Cararra – Viola – Tapestry – Blue Haze – Light Orchid Color scheme
#ECEAE3
#C88CA2
#AD4F7D
#C8CEE2
#E4ACD3
Gradient Edit Sandal – Cherokee – Copper Rose – Voodoo – Blue Haze Color scheme
#A98570
#F8CC83
#9B6975
#5C3C6C
#C4CCDC
Gradient Edit Blue Haze – Rhino – Sycamore – Empress – Patina Color scheme
#B8BED5
#323666
#7F8E3A
#8C747C
#5C8C7C
Gradient Edit River Bed – Shark – Congress Blue – Blue Haze – Coral Tree Color scheme
#444A5E
#232327
#004586
#D0D4E4
#A4746C
Gradient Edit Coffee Bean – Bud – Green Kelp – Blue Haze – Shark Color scheme
#26180E
#ABADAA
#313E23
#C7CBDC
#202022
Gradient Edit Zambezi – Sand Dune – Blue Haze – Juniper – Sea Pink Color scheme
#705A60
#816861
#C9CBDC
#648C8C
#EC9CAC
Gradient Edit Dust Storm – Don Juan – Eunry – Blue Haze – Can Can Color scheme
#E6CFD3
#5A5358
#C8A4A3
#C9CBDC
#DA9BAC
Gradient Edit Blue Haze – Finn – Sandal – Topaz – Fern Frond Color scheme
#CCC4DE
#732E58
#AB8F6F
#807A8E
#556523
Gradient Edit Nepal – Rock Blue – Blue Haze – Nevada – Link Water Color scheme
#91A8C2
#9FAFCC
#BCBED4
#656C73
#D5E4F3
Gradient Edit Viridian – Blue Haze – Quarter Spanish White – White Lilac – Watercourse Color scheme
#448C73
#C4CADA
#F5ECDD
#E3E4F4
#04744C
Gradient Edit Comet – Spindle – Cello – Blue Haze – Polo Blue Color scheme
#51536C
#AFC2EA
#1F405B
#BABBD3
#84A4D1
Gradient Edit Blue Haze – Beauty Bush – Tuna – Tamarind – Botticelli Color scheme
#C6C2D7
#F2C7CB
#3B3C46
#361522
#CCDCE4
Gradient Edit Thunder – Blue Haze – Portage – Dull Lavender – Royal Heath Color scheme
#291B28
#D5C6DA
#838CE7
#A79BE7
#99317E
Gradient Edit Woody Brown – Ship Gray – Zombie – Gondola – Blue Haze Color scheme
#452E31
#3D364A
#E1DF89
#1D101D
#CBC2DA
Gradient Edit Seagull – Blue Haze – Regent St Blue – Snuff – Satin Linen Color scheme
#87D7ED
#CBC8E1
#A5C7E1
#D4D4E8
#E5E0D7
Gradient Edit Nepal – Blossom – Blue Haze – Iron – Wafer Color scheme
#9BB3C6
#DAB7BD
#C3CADF
#DADBDF
#D7C4BD
Gradient Edit Ebony – Grain Brown – Edgewater – Blue Haze – Geyser Color scheme
#110918
#E1CAAE
#CBE4DC
#C6CCDC
#D0DCDC
Gradient Edit Tiber – Deep Forest Green – Blue Violet – Blue Haze – Thunder Color scheme
#09423F
#0E3D0C
#7165BC
#C8C2D6
#211C1D
Gradient Edit Blue Marguerite – Cornflower Blue – Torea Bay – French Lilac – Blue Haze Color scheme
#6A69CB
#7A78ED
#162195
#D2C4EE
#D5D0E4
Gradient Edit Mystic – Blue Haze – Casper – Polo Blue – Ming Color scheme
#DAE1E9
#C3CCDD
#A8B9D1
#87AAD3
#3E6286
Gradient Edit Blue Haze – Olivetone – Milano Red – Casablanca – Milk Punch Color scheme
#C8C8DB
#667F11
#C00E11
#F8AE5A
#FFF4D4
Gradient Edit Blue Haze – Amethyst Smoke – Mountbatten Pink – Tapestry – Viola Color scheme
#CDC1D9
#B293B3
#93778D
#AC6492
#CE91B2
Gradient Edit Sepia Skin – Toast – Blue Haze – Mule Fawn – Royal Blue Color scheme
#9A5C42
#9E6C5D
#CACEE0
#904F2B
#347BDC
Gradient Edit Blue Haze – French Gray – Pickled Bluewood – Limed Spruce – Mountbatten Pink Color scheme
#C7CCDF
#BFBBC2
#243942
#3C4C4E
#A4849C
Gradient Edit Blue Haze – Cannon Pink – Cadet Blue – Glacier – Spun Pearl Color scheme
#C1C6DE
#8B536C
#A4A9BE
#79A4C4
#ADADBC
Gradient Edit Blue Haze – Wild Blue Yonder – Fiord – Fiord – Oxford Blue Color scheme
#D3D6E6
#7B89B2
#3A4C67
#45526A
#343F51
Gradient Edit Light Orchid – Viridian Green – Blue Haze – Boston Blue – Link Water Color scheme
#E0A4BB
#66987D
#C2C6D8
#3C7CB0
#EDF5FA
Gradient Edit Lavender Purple – Blue Haze – Spun Pearl – Snuff – Lavender Gray Color scheme
#9C7CB5
#D4C4DC
#ACACBC
#E4D4EC
#CCBBDB
Gradient Edit Waikawa Gray – Pale Slate – Silver Rust – White Rock – Blue Haze Color scheme
#5A6BA4
#D0CBCC
#CCC3BF
#F0ECDF
#C0C4D7
Gradient Edit Blue Haze – Astral – Periwinkle Gray – Fern Green – Blossom Color scheme
#CCD3E2
#3080AC
#BCCCE2
#448444
#DCACC4

The Ultimate Collection of Blue Haze Color Palettes

Explore 563 hand-picked Blue Haze color palettes designed for digital artists, web developers, and graphic designers. Whether you're seeking a vibrant accent or a subtle background, this collection provides the precise Hex, RGB, and CMYK codes you need. Beyond simple images, we offer a complete toolkit to integrate these Blue Haze tones directly into your workflow.

Instant Gradient Generation

Transform any Blue Haze palette into a beautiful gradient with one click. Our "Gradient" button instantly opens your selected colors in our professional gradient generator, where you can:

  • Customize Angle & Type: Adjust gradient direction from 0° to 360° or switch between linear and radial gradients.
  • Fine-tune Color Stops: Drag color positions, add new stops, or remove colors to perfect your gradient.
  • Download Wallpapers: Export gradients as high-resolution PNG images in HD, 2K, 4K, or custom dimensions.
  • Copy CSS Code: Get ready-to-use CSS gradient code in multiple formats including standard, SCSS, Tailwind, and CSS custom properties.
  • Share & Save: Generate shareable URLs that preserve your exact gradient settings.

Curate Your Own Blue Haze PDF Book

Found several Blue Haze combinations you love? Don't lose them. Use our "Collect" feature to save multiple palettes to your personal dashboard. Once curated, you can save the collection to cloud to access from anywhere, anytime or generate and download a custom Color Palette PDF Book containing your entire collection—perfect for client presentations, brand guidelines, or creating a project mood board.

Professional Export Options for Every Workflow

Every Blue Haze palette can be exported in multiple formats tailored to your specific needs:

For Designers

  • Adobe .ase Files: Import Blue Haze swatches directly into Photoshop, Illustrator, and InDesign with native Adobe Swatch Exchange format.
  • PDF with Shades: Download comprehensive multi-page PDFs featuring your palette plus 50 gradient shades for each color—ideal for exploring tonal variations.
  • Simple PDF: Clean single-page PDF with HEX, RGB, and CMYK values for quick reference.
  • PNG Downloads: High-resolution palette images available as simple swatches or detailed versions with shade variations.
  • SVG Export: Scalable vector graphics for perfect quality at any size.
  • Gradient Wallpapers: Convert palettes to smooth gradients and download as desktop or mobile wallpapers.

For Developers

  • Tailwind CSS Config: Copy ready-to-use Tailwind configuration snippets with properly named color classes.
  • CSS Variables: Export as :root CSS custom properties for easy integration into any stylesheet.
  • CSS Gradients: Generate linear-gradient() or radial-gradient() code with vendor prefixes for maximum browser compatibility.
  • HEX Codes: Quick-copy comma-separated HEX values for immediate use.
  • Palette URL: Share direct links to any Blue Haze palette.

Quick Actions & Sharing

Hover over any palette to reveal quick actions: Gradient transforms the palette into a customizable gradient. Edit opens the palette in our interactive generator where you can tweak colors and create variations. Quick View displays colors full-screen for accurate evaluation. Share your favorite Blue Haze palettes directly to Pinterest or Facebook with optimized preview images.

Complete Color Information

Each palette includes full color specifications: HEX codes for web design, RGB values for digital work, and CMYK conversions for print production. Our PDF exports include all three formats for every color, ensuring accurate reproduction across any medium.

Frequently Asked Questions About Blue Haze Color Palettes

What are Blue Haze color palettes and how many are available?

Our collection features 563 professionally curated Blue Haze color palettes designed for diverse creative projects. Blue conveys trust, professionalism, calmness, and stability. These palettes are ideal for technology, healthcare, finance, corporate businesses, and social media. Each palette includes complete HEX codes for web design, RGB values for digital work, and CMYK conversions for print projects. Browse all 563 Blue Haze palettes for website design, brand identity, graphic design, UI/UX projects, marketing materials, and social media content.

How do I create custom gradients from Blue Haze palettes?

Creating Blue Haze gradients is instant with our 563 palette options. Simply click the "Gradient" button on any palette card to launch our professional gradient generator with your selected colors pre-loaded. Blue combines perfectly with white for crisp clarity, orange for vibrant contrast, and gray for professional polish. You can customize angles (0°-360°), switch between linear and radial types, adjust color stops, download wallpapers in multiple resolutions, and copy production-ready CSS code.

What file formats are available for Blue Haze palettes?

All 563 Blue Haze palettes can be downloaded in professional formats including Adobe ASE for seamless Photoshop/Illustrator integration, comprehensive PDFs with 50 shade variations, high-resolution PNG and SVG images, Tailwind CSS configuration code, CSS Variables, and gradient code with vendor prefixes.

How do I save and organize Blue Haze palette collections?

Use the "Collect" button to save palettes from our 563 Blue Haze options to your dashboard. Save collections to the cloud for multi-device access, then generate custom Color Palette PDF Books with all saved palettes—perfect for client presentations, brand guidelines, and project mood boards.

What color specifications are included with each palette?

Each of our 563 Blue Haze palettes provides HEX codes (#RRGGBB format), RGB values (0-255 range), CMYK percentages for print, and HSL values for adjustments. Need to convert between color formats? Use our color converter tool for instant HEX, RGB, CMYK, and HSL conversions with detailed color information. Detailed PDF exports include 50 shade variations per color, offering complete tonal ranges from light tints to deep shades.

How do I integrate Blue Haze palettes into web projects?

Choose from 563 Blue Haze palettes and export as Tailwind CSS config with named classes, CSS Variables for :root properties, or gradient code with full vendor prefixes. All code is production-ready for immediate use in your projects.

Can I customize and share Blue Haze palettes?

Yes! All 563 Blue Haze palettes are fully editable. Use our interactive generator to adjust colors, create variations (complementary, analogous, triadic schemes), view full-screen, and share to Pinterest or Facebook with optimized images.

Why choose Blue Haze for my design project?

Blue conveys trust, professionalism, calmness, and stability. Our 563 Blue Haze palettes include WCAG-compliant combinations for accessibility, complete brand system colors, and UI elements optimized for readability. Blue combines perfectly with white for crisp clarity, orange for vibrant contrast, and gray for professional polish.

How do I use Blue Haze palettes in Adobe Creative Suite?

Download any of our 563 Blue Haze palettes as Adobe ASE files. Import directly into Photoshop (Window → Swatches → Load Swatches), Illustrator (Swatches → Open Swatch Library), or InDesign. All palettes sync across Creative Cloud with exact color accuracy.

Are Blue Haze color palettes accessible and WCAG compliant?

Many of our 563 Blue Haze palettes are designed with accessibility in mind. To verify WCAG 2.1 compliance, use our WCAG Color Contrast Checker to test your Blue Haze combinations. The tool checks contrast ratios (4.5:1 for normal text, 3:1 for large text) and provides AA/AAA compliance ratings. Choose darker Blue Haze shades for text on light backgrounds or lighter tints for dark backgrounds. Our detailed PDFs include 50 shade variations per color, making it easy to find accessible alternatives while maintaining your design aesthetic.

Export, Copy & Share

Copy

Download

PNG with Shades

Share

Pinterest

iColorpalette