Yellow color palettes
Butter, mustard and sunflower palettes that bring light to a design. 79 palettes, each with HEX codes.
- Sagebrush Heat
- Sagebrush and Cactus
- Slate Agenda
- Puddle Box
- Amber Season
- Poster and Siren
- Glacier Lake
- Block Rally
- Cranberry Morning
- Birch Hideout
- Mandarin Crate
- Strobe Afterhours
- Terrazzo Table
- Acorn and Bark
- Mulch Forage
- Noir Penthouse
- Raw Kiln
- Paprika Pantry
- Sienna Patio
- Gramophone Stationery
- Ripple Mirror
- Office Folder
- Pretzel Counter
- Obsidian Penthouse
- Umber Table
- Bracken Ridge
- Taffy Box
- Harvest Wallpaper
- Whisk Pour
- Terracotta Rooftop
- Cabinet and Whiteboard
- Oak Notes
- Insight and Metric
- Gilded and Bullion
- Aerial Afternoon
- Office and Cabinet
- Imperial Gala
- Onyx Crest
- Granite Folder
- Attic Cabinet
- Balloon Party
- Gelato Shelf
- Noir Suite
- Ripple Glass
- Noir Edition
- Lemon Peel
- Steel Deck
- Stamp Edition
Most common colors in yellow color palettes
Butter, mustard and sunflower palettes that bring light to a design. Across all 79 yellow 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.
- Almost Black#070D0Din 14 palettes
- Vanilla#E9D8A6in 13 palettes
- Champagne#F7E7CEin 9 palettes
- Jet#212529in 9 palettes
- Mud Brown#60460Fin 8 palettes
- Pakistan Green#283618in 8 palettes
- Rich Black#0D1B2Ain 8 palettes
- Saffron#E9C46Ain 8 palettes
- Chocolate Brown#411900in 7 palettes
- Dark Brown#341C02in 7 palettes
- Macaroni And Cheese#EFB435in 7 palettes
- Muddy Brown#886806in 7 palettes
Yellow color palette hex codes
| Palette | Hex codes |
|---|---|
| Sagebrush Heat | #360D07 #623C29 #6E816A #C1A271 #E3EACC |
| Sagebrush and Cactus | #261002 #58726B #D9A066 #EBCB92 #F4E4C1 |
| Slate Agenda | #1F2933 #52606D #F0B429 #CBD2D9 |
| Puddle Box | #2B2D42 #4D96FF #FFD93D #FFF4E0 |
| Amber Season | #2A1209 #6E2C1A #B45E42 #F0C36A #F5E6C8 |
| Poster and Siren | #111111 #394E6C #F77F00 #FCC85B #F1FAEE |
| Glacier Lake | #001D21 #0B6E6E #E9C46A #F1FBF8 |
| Block Rally | #111111 #1D3557 #0077B6 #FCBF49 |
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 yellow color palette
- Let yellow 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 yellow 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 yellow
- Yellow color: hex code, shades and the colors that go with it.
- What colors make yellow: how to mix it with paint.
- Yellow gradients and the color wheel.
Frequently asked questions
What colors are in a yellow color palette?
The colors used most across these yellow palettes are Almost Black, Vanilla, Champagne, Jet, Mud Brown and Pakistan Green. Butter, mustard and sunflower palettes that bring light to a design.
How many yellow color palettes are there?
There are 79 curated yellow palettes on this page, each with hex codes and free exports.
Can I edit a yellow 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.