Petal Supply Co.

Design System

Color palette and typography reference — the source of truth for every screen in this project, from wireframes through final build.

Eight roles, one palette

Primary
#1B4332
Headlines, primary buttons, icons, nav
Secondary
#F5F1E8
Card backgrounds, panels, quote blocks
Accent (fill)
#D4A574
Rules, borders, highlights — fills only
Accent (text)
#B8834A
Gold used as text — bright version fails contrast
Background
#FAFAF8
Page background
Text
#26312B
Body copy
Text, muted
#5C695F
Captions, secondary text
Hairline
#E4DCC9
Borders, dividers, table rules

Garamond for gravitas, a clean sans for everything else

Display / Headlines — EB Garamond, italic

Fresh flowers, sourced daily.

One login for every licensed buyer.

Pull quotes — EB Garamond, italic, regular weight

"New shipments land around midnight — order then for first pick of fresh stock."

Body / UI — Lato

Real-time availability, stem counts, and pricing — updated as inventory moves, not at month-end.

Section label example

Buttons — Lato, bold
Enter buyer portal

How it looks together

Est. 1913 — vendor-licensed buyers only

Buyer portal

Live catalog, transparent pricing, next-day fulfillment — one login for florists, supermarkets, event planners, caterers, and crafters alike.

Enter buyer portal