How do I use #374151 palette colors in CSS?

Copy the hex values shown above and use them in CSS properties like color, background-color, or border-color. For gradients, use the linear-gradient() syntax provided.

#374151 Color Palettes – Design-Ready Combinations

Gray 700 – Palette

Explore curated color palettes built around #374151. Copy hex values for web design, branding, and UI projects.

Complementary Palette

#374151

#524838

#445064

#9ba7bb

Analogous Palette

#384f52

#384252

#3b3852

Triadic Palette

#384252

#523842

#425238

Monochromatic

#232934

#445064

#677a98

#9ba7bb

#cbd2dc

Warm Accent

#374151

#677a98

#524838

#f5f5f5

#333333

Cool Neutral

#374151

#384f52

#e5e7eb

#6b7280

#1f2937

About Palette for #374151

Color palettes built around #374151 combine complementary, analogous, and neutral tones to create cohesive design systems. A well-constructed palette typically includes a primary colour, a secondary accent, and supporting neutrals. The palettes below use #374151 (HSL 217°, 19%, 27%) as the anchor. Use these palettes for branding, website UI, dashboards, or marketing materials. Each combination maintains visual balance while keeping #374151 as the dominant tone. Copy any hex value directly into your CSS, Figma, or design tool.

Frequently Asked Questions

What is the palette of #374151?: Color palettes built around #374151 combine complementary, analogous, and neutral tones to create cohesive design systems. A well-constructed palette typically includes a primary colour, a secondary a...
How do I use #374151 palette colors in CSS?: Copy the hex values shown above and use them in CSS properties like color, background-color, or border-color. For gradients, use the linear-gradient() syntax provided.