FindFont

Brand Visualizer

See a palette, a font pairing and your own words on a website, business cards, an Instagram post, a poster, an app screen and a product label at the same time. Every design updates the moment you change something.

Space new fontsShift + Space new colors⌘ Z undoClick a color to edit it

Website hero1440 × 900 px
harbourandoak.com
H&OShopJournalWorkshopVisitBag (0)

Spring collection 2027

Harbour & Oak

Small-batch oak furniture, built by hand in Bristol and made to be handed down.

Shop the collectionVisit the workshop
Oak from the Forest of Dean10-year joinery guaranteeFree UK delivery
Business card85 × 55 mm · front, back

Harbour & Oak

Furniture & joinery

Est. 2019, Bristol

H&O

Mira Okafor

Founder, head of joinery

+44 117 496 0123hello@harbourandoak.co.ukBristol, United Kingdom
Instagram post1080 × 1080 px
H&OharbourandoakBristol, United Kingdom

New in the workshop

Harbour & Oak

The Ash Stool is back in stock

1,204 likes

harbourandoak The Ash Stool is back in the workshop. Solid ash, oiled by hand, ready to ship in two weeks.

Poster18 × 24 in

Open workshop weekend

Harbour & Oak

Tours of the workshop every hourSit on every chair we makeCoffee and cake in the yard

14-15 June

10am to 5pm, free entry

harbourandoak.com

App screen390 × 844 pt
9:41
H&O

Harbour & Oak

Search chairs, tables, shelves

New in

The Ash Stool

Solid ash, oiled by hand, ready in two weeks

Shop now

Oak Bench

Made to order

Ash Shelf

In stock

Product label120 × 140 mm label
H&O

Harbour & Oak

Hardwax oil

For oak, ash and walnut

500 ml

Beeswax

Your designSVG, recolored in your browser

See the palette on your own design

Open a logo, icon or illustration saved as SVG. Its colors follow the palette as you change it.

or drop it here

SVG up to 2 MB. It stays in your browser: nothing is uploaded or saved.

How to preview fonts and colors for a brand

  1. Step 1

    Type your brand name

    Your words appear in every design as you type: the website headline, the business card, the post, the poster, the app and the label.

  2. Step 2

    Try fonts and colors

    Press Space for a new font pairing and Shift + Space for a new palette. Lock the fonts or colors you like so they stay.

  3. Step 3

    Fine-tune and share

    Click a color to edit it, pick any font from the catalogue, then copy the page address to share or come back to the look.

Brand visualizer questions

How does the brand visualizer work?

Every design uses the same palette slots, a heading font and a body font. When you change a color or a font, every design updates at once, so you can judge a look in context instead of as a row of swatches.

Which fonts can I use?

The suggested pairs come from FindFont's catalogue, and the font buttons search every published font. Each font's page shows its license; check it before using a font in your brand.

How do I keep or share a look?

Save keeps the colors, both fonts and your words as a brand kit: in your account when you're signed in, otherwise in this browser. The page address also updates with your colors, fonts, locks and words, so you can copy it to share the look or bookmark it.

Why is text black on some colors and white on others?

For each color, the designs use black or white text, whichever has the higher WCAG contrast ratio. The color editor shows that ratio, so you can see when a color needs a darker or lighter shade.