Orange color palettes
Tangerine, amber and burnt orange palettes with plenty of energy. 88 palettes, each with HEX codes.
- Signal Orange
- Pool Road Trip
- Gravestone Feast
- Walnut Kiln
- Sagebrush and Cactus
- Poster and Siren
- Aerial Sail
- Cobweb Lantern
- Launch Report
- Raw Pottery
- Sourdough Display
- Harvest Season
- Rosemary Patio
- Cherry and Pie
- Shell and Sailcloth
- Lemonade Heatwave
- Avocado Kitchen
- Balloon Circus
- Brine and Rope
- Anchor Advisory
- Brick Siesta
- Pretzel and Rye
- Mint Roadmap
- Pomelo Slice
- Ledger and Attic
- Terrazzo Ground
- Paprika Rack
- Ginger Bazaar
- Pie and Formica
- Pot Wall
- Sunlit Pasture
- Trust and Capital
- Milkshake Special
- Cumulus Drift
- Lullaby Tea Party
- Ledger and Gramophone
- Hemp Wall
- Avocado Sunday
- Bonfire Orchard
- Dove and Periwinkle
- Canyon Market
- Terracotta Wind
- Studio Roadmap
- Quince Fireside
- Maple Harvest
- Clover and Sunlit
- Lime Slice
- Cortado Table
Most common colors in orange color palettes
Tangerine, amber and burnt orange palettes with plenty of energy. Across all 88 orange palettes here, these named colors come up most often. Each links to its hex, RGB and OKLCH values and the colors that go with it.
- Champagne#F7E7CEin 15 palettes
- Gamboge#EE9B00in 13 palettes
- Chocolate Brown#411900in 12 palettes
- Chestnut#742802in 9 palettes
- Burlywood#DEB887in 8 palettes
- Dark Brown#341C02in 8 palettes
- Jet#212529in 8 palettes
- Almost Black#070D0Din 7 palettes
- Dark Peach#DE7E5Din 7 palettes
- Earth Yellow#DDA15Ein 7 palettes
- Floral White#FFFAF0in 7 palettes
- Purple Brown#673A3Fin 7 palettes
Orange color palette hex codes
| Palette | Hex codes |
|---|---|
| Signal Orange | #14213D #2F4B7C #F2F0EA #FF7A1A #B84A0E |
| Pool Road Trip | #2E1A00 #825300 #CF9137 #FFE7C9 |
| Gravestone Feast | #2B2B2B #4B2A6B #B3121F #FF7A00 #F4E3C3 |
| Walnut Kiln | #271B12 #4C331C #5E6B4B #9A7656 #EEE2CC |
| Sagebrush and Cactus | #261002 #58726B #D9A066 #EBCB92 #F4E4C1 |
| Poster and Siren | #111111 #394E6C #F77F00 #FCC85B #F1FAEE |
| Aerial Sail | #0B3C6D #1D6FB8 #F9844A #A7D3F5 #FFFFFF |
| Cobweb Lantern | #120B1A #6B3FA0 #FF7A00 #FFFAED |
Click a palette for its RGB, HSL and OKLCH values, contrast pairs, color-blindness preview and exports for CSS, Tailwind and Figma.
How to use a orange color palette
- Let orange lead, covering about 60% of the design, and keep the rest for neutrals and one accent (the 60-30-10 rule).
- Use a light tint of orange for backgrounds and a deep shade for text, so the palette stays readable.
- For contrast, add a small accent from the opposite side of the color wheel: see complementary colors.
- Check every text and background pair in the contrast checker before you ship.
More about orange
- Orange color: hex code, shades and the colors that go with it.
- What colors make orange: how to mix it with paint.
- Orange gradients and the color wheel.
Frequently asked questions
What colors are in a orange color palette?
The colors used most across these orange palettes are Champagne, Gamboge, Chocolate Brown, Chestnut, Burlywood and Dark Brown. Tangerine, amber and burnt orange palettes with plenty of energy.
How many orange color palettes are there?
There are 88 curated orange palettes on this page, each with hex codes and free exports.
Can I edit a orange palette?
Yes. Open any palette in the palette generator to lock, adjust or replace colors, check contrast and export to CSS, Tailwind, Figma or Adobe swatches.