1015 Hit Gray Color palettes

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

,
Gradient Edit Hit Gray – Nevada – Shark – Mako – Corduroy Color scheme
#98AAAD
#687577
#202425
#414A4E
#5D6161
Gradient Edit Indian Khaki – Regent Gray – Natural Gray – Gray Chateau – Abbey Color scheme
#C9B192
#87939A
#8A8478
#99A4AB
#535A5F
Gradient Edit Pumice – Gray Chateau – Norway – Corduroy – Highland Color scheme
#C7D0C6
#9BA6A9
#A7B7A1
#69736E
#758A5C
Gradient Edit Gray Chateau – Swirl – Cement – Cocoa Brown – Night Rider Color scheme
#9AA4A8
#CECAC1
#8B7A64
#352322
#160A0B
Gradient Edit Rolling Stone – Shark – Bombay – Mid Gray – Iron Color scheme
#7E8287
#1D1D23
#AFB3B6
#64636A
#E3E3E4
Gradient Edit Shark – Gray Chateau – Quill Gray – Rolling Stone – Abbey Color scheme
#1D1E21
#A0A5A8
#DBDBDA
#7B8186
#54585E
Gradient Edit Edward – Crown of Thorns – Armadillo – Blue Smoke – Hopbush Color scheme
#A1A8A9
#7E2133
#48423A
#6B817A
#CF789B
Gradient Edit Quill Gray – Schooner – Gray Chateau – Heavy Metal – Fuscous Gray Color scheme
#E2E2DE
#88837E
#9DA8AF
#111512
#5B554C
Gradient Edit Palm Leaf – Gray Chateau – Siam – Pine Tree – Friar Gray Color scheme
#26310E
#A1A8AB
#5A614E
#131E05
#84847E
Gradient Edit Hit Gray – Athens Gray – Shark – Lemon Grass – Sirocco Color scheme
#A6B2B8
#EAEBF2
#1D1E1F
#8E9287
#6B7373
Gradient Edit Natural Gray – Celeste – Gray Chateau – Nevada – Tower Gray Color scheme
#8D8C8A
#D5D7D4
#96A1A7
#697479
#A9B6BA
Gradient Edit Tower Gray – Quill Gray – Edward – Hit Gray – Regent Gray Color scheme
#B1BDC3
#D6D7D1
#9BA1A0
#A8B3BC
#7D9098
Gradient Edit Edward – Quicksand – Americano – Bunker – Trout Color scheme
#9DA2A3
#BA9A8F
#8A716D
#0C0F14
#474B57
Gradient Edit Hit Gray – Cotton Seed – Venus – Raven – Shuttle Gray Color scheme
#A7B5BB
#C3BCB5
#959193
#717D8C
#5B636D
Gradient Edit Whiskey – Sand Dune – Slate Gray – Gray Chateau – Comet Color scheme
#D29975
#846965
#7A869B
#97A3A9
#586276
Gradient Edit Biscay – Christine – Hit Gray – Lynch – Equator Color scheme
#204270
#D5760A
#9FABAE
#68819E
#DDB459
Gradient Edit Sorrell Brown – Hit Gray – Mid Gray – Tower Gray – Regent Gray Color scheme
#D2BA99
#A1ADB7
#626469
#B2BCBD
#7A899C
Gradient Edit Hit Gray – Sisal – Oslo Gray – Gull Gray – Slate Gray Color scheme
#A4B0B9
#DAD0C0
#878F98
#919FAE
#707F91
Gradient Edit Parsley – Gothic – Indian Khaki – Glade Green – Hit Gray Color scheme
#2B5118
#708FA1
#C3AE89
#5F8858
#9AA6AD
Gradient Edit Thunder – Akaroa – Edward – Burnt Sienna – Sandrift Color scheme
#2B2126
#D7C3A7
#A4A9AA
#E7914B
#B09B85
Gradient Edit Potters Clay – Brandy Punch – Sisal – Edward – Cloud Burst Color scheme
#925E38
#D59038
#DBD3C1
#A1A7A8
#23324C
Gradient Edit Dixie – Regent Gray – Onion – Hit Gray – Gull Gray Color scheme
#DC931A
#7C8C9B
#272A0B
#ABB4B8
#93A4AC
Gradient Edit Sandrift – Hit Gray – Outer Space – Heavy Metal – Olive Green Color scheme
#AC9077
#ADB5BB
#293832
#202422
#A4B560
Gradient Edit East Bay – Hit Gray – Waikawa Gray – Blue Zodiac – Wild Blue Yonder Color scheme
#384979
#ADB7BD
#5E72A2
#13244B
#7E90B3
Gradient Edit Gray Chateau – Silver Sand – Wood Bark – Makara – Irish Coffee Color scheme
#ABB1B4
#B8BCC0
#200705
#81766B
#5C3121
Gradient Edit Bone – Gray Chateau – Karaka – Limed Oak – Clinker Color scheme
#DDD6B8
#A0A8AB
#1E1C0A
#A49B52
#44270D
Gradient Edit Matisse – Cutty Sark – Yellow Metal – Punga – Edward Color scheme
#146795
#5B7481
#726134
#563518
#9EA2A3
Gradient Edit Gray – Hit Gray – Bone – Gull Gray – Ebony Clay Color scheme
#909090
#ACB4B9
#DED3B5
#939FAF
#2E3441
Gradient Edit Zeus – Millbrook – Gray Chateau – Tobacco Brown – Pearl Bush Color scheme
#281E19
#584031
#A3A8AB
#6A5C42
#E5DED7
Gradient Edit Hit Gray – Raven – Ghost – Manatee – Slate Gray Color scheme
#ABB4BC
#6F7789
#C6CAD0
#9096A1
#7A8592
Gradient Edit Tower Gray – Thistle Green – Gurkha – Hit Gray – Avocado Color scheme
#AEBEBE
#CBC9AA
#9C9B6C
#A2ACB5
#7C8A58
Gradient Edit Geyser – Smalt Blue – Blue Bayoux – San Juan – Gull Gray Color scheme
#D7DFE1
#5B7588
#4D6377
#38556D
#A5B3BC
Gradient Edit Bombay – Regent Gray – Regent Gray – Rolling Stone – Abbey Color scheme
#ABAEB0
#939CA4
#8A929D
#73797F
#4A4D52
Gradient Edit Waikawa Gray – Astronaut – Hit Gray – River Bed – Raven Color scheme
#596C87
#2A467B
#A8B1BC
#475166
#77808F
Gradient Edit Loblolly – Gray Chateau – Manatee – Birch – Schooner Color scheme
#BEC5CD
#A0AAB2
#9198A1
#3C3426
#877D76
Gradient Edit Nepal – Pale Sky – Celeste – Edward – Bermuda Gray Color scheme
#94ACC5
#697984
#D7D9D1
#A0A8A9
#6C85AB
Gradient Edit Shark – Nevada – Geyser – Hit Gray – Heather Color scheme
#20262D
#64707C
#CCD9E0
#9AA7B1
#AEC0CA
Gradient Edit San Juan – Regent Gray – Gray Nurse – Hit Gray – Loblolly Color scheme
#2B5672
#8592A1
#E4E7E5
#ADB6BE
#C1C8CC
Gradient Edit Schooner – Silver Sand – Gray Chateau – Nevada – Dorado Color scheme
#8B8179
#C6CACD
#9EA8AB
#6C7273
#645954
Gradient Edit Pale Sky – Shark – French Gray – Tuna – Gray Chateau Color scheme
#6B7B87
#2C2C33
#BDBEC1
#383A45
#9DA6AC
Gradient Edit Pumice – Hit Gray – Sirocco – Olive Haze – Regent Gray Color scheme
#C6C9C8
#9DB0B1
#607E7F
#898275
#95A1A5
Gradient Edit Blue Bayoux – Bombay – Gray Chateau – Pickled Bluewood – Bunker Color scheme
#506874
#B1B4BA
#9BA4A9
#2D4953
#121A1B
Gradient Edit Thatch Green – Crete – Mischka – Hit Gray – Natural Gray Color scheme
#49471D
#6C732D
#D8DCE2
#A4B1B8
#8A8681
Gradient Edit Cement – Grain Brown – Hit Gray – Heavy Metal – Horizon Color scheme
#927C68
#DECAAD
#A1AFB5
#1A201A
#5691A2
Gradient Edit Pablo – West Coast – Oslo Gray – Moccaccino – Hit Gray Color scheme
#767367
#65561D
#929396
#751814
#ACB4BD
Gradient Edit Celeste – Gray Chateau – Stack – Regent Gray – Nevada Color scheme
#CDCECC
#9AA5AC
#818381
#7E8DA0
#646C74
Gradient Edit Thistle Green – Gurkha – Gull Gray – Hit Gray – Xanadu Color scheme
#CDCAB0
#9D9879
#92A1AB
#A3B0B2
#79837A
Gradient Edit Arrowtown – Wewak – Oil – Dingley – Gray Chateau Color scheme
#9A8667
#F1A2B7
#1B190F
#5D734D
#A6ADB1
Gradient Edit Botticelli – Hit Gray – Emperor – Natural Gray – Baltic Sea Color scheme
#CCDCEA
#A7B2BC
#555252
#918C87
#1C191E
Gradient Edit Iron – Rainee – Log Cabin – Gray Chateau – Kokoda Color scheme
#D1D8DB
#B3C2A7
#171F19
#AAAFB2
#70715B

The Ultimate Collection of Hit Gray Color Palettes

Explore 1,015 hand-picked Hit Gray 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 Hit Gray tones directly into your workflow.

Instant Gradient Generation

Transform any Hit Gray 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 Hit Gray PDF Book

Found several Hit Gray 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 Hit Gray palette can be exported in multiple formats tailored to your specific needs:

For Designers

  • Adobe .ase Files: Import Hit Gray 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 Hit Gray 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 Hit Gray 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 Hit Gray Color Palettes

What are Hit Gray color palettes and how many are available?

Our collection features 1,015 professionally curated Hit Gray color palettes designed for diverse creative projects. Gray conveys neutrality, professionalism, balance, and sophistication. These palettes are ideal for professional services, technology, automotive, and architecture. Each palette includes complete HEX codes for web design, RGB values for digital work, and CMYK conversions for print projects. Browse all 1,015 Hit Gray palettes for website design, brand identity, graphic design, UI/UX projects, marketing materials, and social media content.

How do I create custom gradients from Hit Gray palettes?

Creating Hit Gray gradients is instant with our 1,015 palette options. Simply click the "Gradient" button on any palette card to launch our professional gradient generator with your selected colors pre-loaded. Gray balances perfectly with yellow for modern energy, pink for soft sophistication, and blue for professional depth. 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 Hit Gray palettes?

All 1,015 Hit Gray 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 Hit Gray palette collections?

Use the "Collect" button to save palettes from our 1,015 Hit Gray 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 1,015 Hit Gray 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 Hit Gray palettes into web projects?

Choose from 1,015 Hit Gray 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 Hit Gray palettes?

Yes! All 1,015 Hit Gray 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 Hit Gray for my design project?

Gray conveys neutrality, professionalism, balance, and sophistication. Our 1,015 Hit Gray palettes include WCAG-compliant combinations for accessibility, complete brand system colors, and UI elements optimized for readability. Gray balances perfectly with yellow for modern energy, pink for soft sophistication, and blue for professional depth.

How do I use Hit Gray palettes in Adobe Creative Suite?

Download any of our 1,015 Hit Gray 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 Hit Gray color palettes accessible and WCAG compliant?

Many of our 1,015 Hit Gray palettes are designed with accessibility in mind. To verify WCAG 2.1 compliance, use our WCAG Color Contrast Checker to test your Hit Gray 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 Hit Gray 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