← Edit kit Fernwood Supply Co. Brand Guidelines
Full kit .zip

Tip: in the print dialog choose Save as PDF, paper Letter, margins None, and turn on Background graphics.

Brand Guidelinesv1.0 · November 2026

Fernwood Supply Co.

Goods for slower living.

01

Overview & wordmark

This guide defines how Fernwood Supply Co. looks and feels. Use it to keep every touchpoint (website, packaging, social, signage) recognisably consistent.

  1. Overview & wordmark02
  2. Color palette03
  3. Tonal scales & status colors04
  4. Accessibility05
  5. Typography06
  6. In use07
  7. Quick reference08
Fernwood Supply Co.Primary on white
Fernwood Supply Co.Reversed on primary
Fernwood Supply Co.White on ink

Clear space

Keep empty space around the wordmark equal to the height of its capital letters on all sides.

Minimum size

Never smaller than 24px tall on screen or 10mm in print, so every letter stays legible.

Don’t

Stretch, rotate, outline, add shadows, or place the wordmark on busy photography without a solid backing.

Fernwood Supply Co. · Brand GuidelinesOverview02 / 08
02

Color palette

Primary
HEX
#1F4D3A
RGB
31, 77, 58
HSL
155°, 43%, 21%
CMYK*
60, 0, 25, 70
OKLCH
oklch(38.2% 0.061 163.9)

Logo, headlines, primary buttons

Secondary
HEX
#8DAA91
RGB
141, 170, 145
HSL
128°, 15%, 61%
CMYK*
17, 0, 15, 33
OKLCH
oklch(70.9% 0.048 148.9)

Supporting surfaces, illustrations

Accent
HEX
#E3A33B
RGB
227, 163, 59
HSL
37°, 75%, 56%
CMYK*
0, 28, 74, 11
OKLCH
oklch(75.9% 0.138 75.5)

Highlights, badges, calls to attention

Neutral
HEX
#7D817A
RGB
125, 129, 122
HSL
94°, 3%, 49%
CMYK*
3, 0, 5, 49
OKLCH
oklch(59.8% 0.011 131.4)

Text, borders, backgrounds

Proportion

Neutral 60% Primary 25% 10% 5

Let neutrals carry most surfaces so primary feels intentional and the accent stays special. *CMYK values are approximate. Request a printed proof or Pantone match before large print runs.

Fernwood Supply Co. · Brand GuidelinesColor03 / 08
03

Tonal scales & status colors

Each brand color extends into an 11-step scale for hover states, backgrounds, borders and dark mode. ● marks the original brand color.

Primary
50F3F8F6 100E6F0EA 200CCE0D6 300A9CABA 40084AE9A 50063947D 600487963 70034604C 800 ●1F4D3A 900163226 950091D14
Secondary
50F4F8F5 100E8EFE9 200D2DFD4 300B3C7B6 400 ●8DAA91 500739177 60059765D 700435D47 800314634 900203022 950101C12
Accent
50FDF6EC 100F9EBD8 200F2D6B1 300E5B97A 400 ●E3A33B 500B57A00 600936200 700734C00 800573900 9003D2600 950251400
Neutral
50F6F7F6 100ECEDEB 200D9DBD8 300BFC2BD 400A1A49E 500 ●7D817A 6006B6F68 700535750 8003E413C 9002A2C28 950171916

Status colors

Success#3B8753
Warning#CEAD59
Danger#B55425
Info#1D7EAC
Fernwood Supply Co. · Brand GuidelinesScales04 / 08
04

Accessibility

Approved combinations meet WCAG 2.2 AA (4.5:1) for body text. “AA Large” pairs are for 24px+ text, bold 19px+ text and icons only.

Aa Ink on White 17.69:1 · AAA
Aa White on Ink 17.69:1 · AAA
Aa Ink on Surface 16.47:1 · AAA
Aa Surface on Ink 16.47:1 · AAA
Aa Primary on White 9.62:1 · AAA
Aa White on Primary 9.62:1 · AAA
Aa Primary on Surface 8.96:1 · AAA
Aa Surface on Primary 8.96:1 · AAA
Aa Accent on Ink 8.06:1 · AAA
Aa Ink on Accent 8.06:1 · AAA
Aa Secondary on Ink 6.98:1 · AA
Aa Ink on Secondary 6.98:1 · AA

Avoid for text

Aa White on Surface 1.07:1
Aa Surface on White 1.07:1
Aa Secondary on Accent 1.15:1
Aa Accent on Secondary 1.15:1
Aa Ink on Primary 1.83:1
Aa Primary on Ink 1.83:1

Text-safe shades

ColorText on light backgroundsText on dark backgrounds
Primary 600 · #487963 · 5.01:1 500 · #63947D · 5.10:1
Secondary 600 · #59765D · 5.03:1 500 · #739177 · 5.09:1
Accent 600 · #936200 · 5.26:1 500 · #B57A00 · 4.84:1
Neutral 600 · #6B6F68 · 5.12:1 400 · #A1A49E · 7.00:1
Fernwood Supply Co. · Brand GuidelinesAccessibility05 / 08
05

Typography

Headings · Fraunces Aa ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
0123456789 &!?
Body · Inter Aa ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
0123456789 &!?

Type scale · Major Third (1.25)

StyleSampleSizeLine height
Display Fernwood Supply Co 48.8px / 3.052rem1.05
Heading 1 Fernwood Supply Co 39.1px / 2.441rem1.1
Heading 2 Fernwood Supply Co 31.3px / 1.953rem1.15
Heading 3 Fernwood Supply Co 25px / 1.563rem1.25
Heading 4 Fernwood Supply Co 20px / 1.25rem1.3
Body Readable, comfortable body copy. 16px / 1rem1.6
Small Readable, comfortable body copy. 12.8px / 0.8rem1.5
Caption Readable, comfortable body copy. 10.2px / 0.64rem1.4

Both fonts are free for commercial use (SIL Open Font License) from Google Fonts. Keep body text 16px+ on screen, line length 50–75 characters, and avoid all-caps for anything longer than a label.

Fernwood Supply Co. · Brand GuidelinesTypography06 / 08
06

In use

Introducing

Goods for slower living.

A sample layout showing headline, body copy and calls to action working together.

Primary actionSecondary
Fernwood Supply Co.
Alex MorganFounderhello@fernwood-supply-co.com

Buttons

Primary fill with white text for the main action. One primary button per view.

Links

Use Primary 600 (#487963) for text links on light backgrounds.

Accent

Reserve the accent for small moments: badges, highlights, a single key stat. Overuse dilutes it.

Fernwood Supply Co. · Brand GuidelinesIn use07 / 08
07

Quick reference

Colors

  • Primary#1F4D3A
  • Secondary#8DAA91
  • Accent#E3A33B
  • Neutral#7D817A
  • Ink (text)#171916
  • Surface#F6F7F6

Fonts

  • HeadingsFraunces 700
  • BodyInter 400
  • Base size16px
  • Scale1.25

Get the fonts

https://fonts.google.com/specimen/Fraunces
https://fonts.google.com/specimen/Inter

Fernwood Supply Co.

Generated with My Brand Kit Generator · mybrandkit.cc