Hex codes · matching fonts · free to use

Coffee shop colour palettes

Twelve palettes for cafés, roasteries and bakeries, each shown on a cup and a menu with fonts that fit. Tap any colour to copy it, or open a palette to make it your own.

01

Espresso & cream

Classic roastery
EspressoCOFFEE

Roasted fresh every morning

Flat white · Cortado · Pour-over

Order ahead

Deep coffee brown with warm cream reads instantly as "coffee". The orange accent keeps it from feeling old-fashioned. Fonts: Fraunces + Manrope

02

Matcha bar

Green tea, healthy café
MatchaCOFFEE

Whisked to order

Flat white · Cortado · Pour-over

Order ahead

Soft matcha green with a honey accent: calm, fresh and a natural fit for tea, smoothies and plant-based menus. Fonts: DM Serif Display + DM Sans

03

Terracotta corner

Mediterranean café
TerracottaCOFFEE

Coffee, cake and long lunches

Flat white · Cortado · Pour-over

Order ahead

Sun-baked terracotta with a teal accent feels warm and holiday-like, great for brunch spots. Fonts: Playfair Display + Work Sans

04

Midnight roast

Specialty, third-wave
MidnightCOFFEE

Single origin, small batch

Flat white · Cortado · Pour-over

Order ahead

Dark navy and off-white look modern and serious about coffee. The amber accent hints at crema. Fonts: Space Grotesk + Inter

Ad
05

Pastry pink

Bakery & dessert café
PastryCOFFEE

Baked with butter and love

Flat white · Cortado · Pour-over

Order ahead

Strawberry pink with chocolate brown is sweet without being childish. Perfect for cakes, doughnuts and cookies. Fonts: Fraunces + Figtree

06

Oat milk

Minimal Scandinavian café
OatCOFFEE

Simple coffee, done well

Flat white · Cortado · Pour-over

Order ahead

Oat, sand and a deep pine accent: quiet, natural and very "Nordic café". Fonts: Manrope

07

Cold brew

Iced drinks, street kiosk
ColdCOFFEE

Cold brew all summer

Flat white · Cortado · Pour-over

Order ahead

Cool blues with a lemon-yellow pop say "iced and refreshing", ideal for summer menus and kiosks. Fonts: Bebas Neue + Montserrat

08

Cinnamon roll

Cosy autumn café
CinnamonCOFFEE

Warm drinks for cold days

Flat white · Cortado · Pour-over

Order ahead

Cinnamon, caramel and burgundy: a cosy palette for seasonal menus and winter campaigns. Fonts: Lora + Open Sans

09

Retro diner

Vintage coffee shop
RetroCOFFEE

Bottomless coffee since 1962

Flat white · Cortado · Pour-over

Order ahead

Red, mustard and blue on cream give a classic 1960s diner feel. Pair with a slab serif. Fonts: Alfa Slab One + Work Sans

10

Pistachio

Gelato & coffee bar
PistachioCOFFEE

Espresso, gelato, repeat

Flat white · Cortado · Pour-over

Order ahead

Pistachio green with soft peach is fresh and playful, made for Italian-style dessert bars. Fonts: DM Serif Display + DM Sans

11

Charcoal & copper

Industrial roastery
CharcoalCOFFEE

Roasted in the warehouse

Flat white · Cortado · Pour-over

Order ahead

Charcoal grey and copper feel like exposed brick and steel, right for industrial roasteries and bars. Fonts: Big Shoulders Display + Inter

12

Sunday brunch

Bright all-day café
SundayCOFFEE

Eggs, coffee and good company

Flat white · Cortado · Pour-over

Order ahead

Orange juice, yolk yellow and herb green: cheerful and friendly for brunch and family cafés. Fonts: Poppins

Tips for café colours

Start from what you serveCoffee browns, matcha greens and pastry pinks work because customers already link those colours with the product.
Keep one loud colourUse your accent only for things you want people to act on: the "order" button, prices on offer, the sign above the door.
Test it in your spaceColours look different under warm café lighting. Print your menu and check it at the counter before ordering signs.
Match your fonts to the moodRounded serifs like Fraunces feel cosy; clean sans-serifs like Inter feel modern and specialty. Each palette above lists a pairing.
Get a palette, logo and fonts made for your caféMake a free brand kit

Questions

What colours are best for a coffee shop?
Warm browns, creams and terracottas are the classics because they look like coffee, milk and pastry. Add one brighter accent colour, such as orange, teal or green, so your signs and buttons stand out.
How many colours should a café brand use?
Five is plenty: a dark colour for text, a light background, one main brand colour, a softer second colour and one accent for buttons and offers. Every palette on this page follows that pattern.
Can I use these palettes for my business?
Yes. Colours are free for anyone to use. Copy the hex codes into Canva, Figma or your website, or open a palette in our generator to adjust it.
How do I make sure my menu is readable?
Keep the darkest colour for text on the lightest background. Our palette generator shows a contrast score on every colour so you can check it passes accessibility guidelines.
Copied