Every designer eventually builds a mental shortlist of color codes they reach for again and again. A dependable crimson, a clean slate gray, the perfect off-white. This guide collects 50 of those essential hex color codes in one place, organized by family, so you can find and copy a reliable color in seconds.
Each section below includes a copy-ready palette. Click any swatch to copy its hex code straight to your clipboard.
What is a hex color code? #
A hex code is a six-digit way of writing a color for screens. It starts with a # and is made of three pairs of characters representing Red, Green, and Blue, each from 00 (none) to FF (full).
For example, #FF0000 is pure red (full red, no green, no blue), #000000 is black, and #FFFFFF is white. Because hex maps directly to how screens mix light, it is the standard way to define color in web and UI design.
Reds and pinks #
Reds bring energy, urgency, and passion. Pinks soften that into warmth and playfulness. These are reliable choices for calls to action, sale tags, and bold accents.
| Name | Hex |
|---|---|
| Crimson | #DC143C |
| Coral Red | #FF6B6B |
| Brick | #B22222 |
| Hot Pink | #FF4D8D |
| Rose | #F72585 |
| Blush | #FFC2D1 |
Oranges and yellows #
Warm, optimistic, and attention-grabbing. Oranges feel friendly and confident, while yellows add brightness and a sense of energy. Use them sparingly as accents, since large areas can overwhelm.
| Name | Hex |
|---|---|
| Burnt Orange | #CC5500 |
| Tangerine | #FF7F11 |
| Amber | #FFBF00 |
| Sunflower | #FFC93C |
| Gold | #FFD700 |
| Mustard | #C9A227 |
Greens #
Green signals growth, calm, nature, and money. It is one of the most flexible families, ranging from deep forest tones for trust and stability to fresh mints for a light, modern feel.
| Name | Hex |
|---|---|
| Forest | #228B22 |
| Emerald | #2ECC71 |
| Teal | #008080 |
| Sage | #9CAF88 |
| Olive | #808000 |
| Mint | #74E0A8 |
Blues #
Blue is the most trusted color in design, which is why it dominates tech, finance, and healthcare. It ranges from calm skies to authoritative navy, and it almost always feels safe and professional.
| Name | Hex |
|---|---|
| Navy | #001F54 |
| Cobalt | #0047AB |
| Royal Blue | #4169E1 |
| Cerulean | #2A9DF4 |
| Sky Blue | #87CEEB |
| Slate Blue | #6A5ACD |
Purples #
Purple blends the calm of blue with the energy of red, giving it a creative, premium, and slightly luxurious feel. Deep purples read as rich and royal, while soft lavenders feel modern and gentle.
| Name | Hex |
|---|---|
| Indigo | #4B0082 |
| Violet | #7F00FF |
| Amethyst | #9966CC |
| Plum | #8E4585 |
| Lavender | #B57EDC |
Neutrals #
Neutrals do the quiet, important work in every palette. They give the eye somewhere to rest, set the mood (cool grays feel modern, warm beiges feel inviting), and make your accent colors stand out. Most projects lean on neutrals for the majority of the layout.
| Name | Hex |
|---|---|
| Jet Black | #0A0A0A |
| Charcoal | #36454F |
| Slate Gray | #708090 |
| Silver | #C0C0C0 |
| Off-White | #FAF9F6 |
| Beige | #EDE6D6 |
Earth tones #
Warm, grounded, and organic, earth tones feel natural and timeless. They are ideal for artisan brands, food and wellness, interiors, and anything that wants to feel handcrafted rather than purely digital.
| Name | Hex |
|---|---|
| Espresso | #4B3621 |
| Chocolate | #7B3F00 |
| Terracotta | #E2725B |
| Sand | #C2B280 |
| Clay | #B66A50 |
2026 trend colors #
If you want your work to feel current, these are the shades defining 2026: soft, slightly muted, and comfortable. They pair beautifully with neutrals and read as calm and premium.
| Name | Hex |
|---|---|
| Mocha | #A47864 |
| Digital Lavender | #C8C2EC |
| Butter Yellow | #F3E5AB |
| Sage Green | #B2AC88 |
| Dusty Rose | #C58B8B |
How to actually use this list #
A reference of 50 colors is useful, but a real project rarely needs all of them. A few tips:
- Build a small working set. Pick one or two neutrals, one primary, and one accent. Eight to ten colors is plenty for most designs.
- Lead with neutrals. Let neutrals cover most of the layout and save the saturated colors for accents and actions.
- Check your contrast. Before shipping text, confirm it meets WCAG AA contrast against its background, especially for smaller sizes.
- Stay consistent. Reuse the same hex values across a project rather than eyeballing new ones each time.
Turn any of these into a full palette #
These codes are starting points. To build a complete, balanced palette around any color above, use the PaletteDeck generator, browse our most popular palettes, or explore curated color guides for specific pairings.
Click any swatch in this article to copy its hex code, then drop it straight into your design tool.