Coffee color palettes
Espresso browns, caramel and cream, ready for cafes, roasters and cozy menus. 13 palettes, each with HEX codes.
- Espresso Bar
- Espresso Pour
- Biscotti Cup
- Cortado Counter
- Roast Table
- Biscotti Grind
- Mocha and Espresso
- Cortado Table
- Caramel Grind
- Cinnamon and Molasses
- Cortado Blend
- Caramel Table
- Roast and Cortado
Most common colors in coffee color palettes
Espresso browns, caramel and cream, ready for cafes, roasters and cozy menus. Across all 13 coffee 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.
- Purple Brown#673A3Fin 6 palettes
- Almost Black#070D0Din 4 palettes
- Champagne#F7E7CEin 4 palettes
- Chocolate Brown#411900in 4 palettes
- Linen#FAF0E6in 4 palettes
- Pale Brown#B1916Ein 4 palettes
- Burlywood#DEB887in 3 palettes
- Cocoa#875F42in 3 palettes
- Dark Brown#341C02in 3 palettes
- Sienna#A0522Din 3 palettes
- Apricot#FFE5D9in 2 palettes
- Reddish Grey#997570in 2 palettes
Coffee color palette hex codes
| Palette | Hex codes |
|---|---|
| Espresso Bar | #1F1512 #4A2F24 #8A5A3C #C8A27A #EFE3CF |
| Espresso Pour | #2F1C15 #976E5F #77AAA5 #FCEAE3 |
| Biscotti Cup | #1E0B01 #391C06 #572F12 #694732 #FCDCCA |
| Cortado Counter | #050100 #3B2218 #5E3B2A #8A5E41 #FFF9F1 |
| Roast Table | #1C110D #5E3B2A #A0522D #EFE0C8 |
| Biscotti Grind | #200E08 #583A30 #976D5D #CDA89A #FFE9E0 |
| Mocha and Espresso | #1C110D #3B2218 #704C3B #D1B99D #F8F1E4 |
| Cortado Table | #050100 #5E3B2A #986B52 #B88B66 #D9BC98 #EFE0C8 |
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 coffee color palette
- Start from one palette that already feels like coffee, then adjust single colors in the generator rather than mixing palettes.
- Give each color a job: background, text, primary action and highlight.
- Keep one neutral (off-white, sand or charcoal) to rest the eye between stronger colors.
- Check that your main text color reaches 4.5:1 contrast on its background.
Frequently asked questions
What colors are in a coffee color palette?
The colors used most across these coffee palettes are Purple Brown, Almost Black, Champagne, Chocolate Brown, Linen and Pale Brown. Espresso browns, caramel and cream, ready for cafes, roasters and cozy menus.
How many coffee color palettes are there?
There are 13 curated coffee palettes on this page, each with hex codes and free exports.
Can I edit a coffee 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.