Brand Guide & Style System
Colors, typography, components, and brand elements. The single source of truth for all Coltivar design and development work. Click any hex code to copy it.
Logo & Wordmark
Official wordmark, logo, and icon of Coltivar. Click any image to download.
FAVICONS
LOGOS
Copied!
Primary Colors
Core brand colors used across all public-facing content, website, and marketing.
Green
#1EAB8D
Primary brand color. CTAs, eyebrows, accents, headline words.
Green Dark
#158f74
Hover states
Forest
#277361
Internal collateral
Green Hover
#2bc4a3
Button hover
Mint
#B9E8DD
Card numbers
Green Tint
rgba(30,171,141,0.08)
Pill tag bg
Black
#000000
Headlines, CTA sections, dark backgrounds.
Midnight
#172336
Dark variant
Body Text
#222222
All paragraphs
Smoke
#919090
Muted text
Grey
#E6E6E6
Borders
Light Grey
#F5F5F7
Subtle bg
Cream
#f4f3ef
Page background for all website sections.
White
#ffffff
Cards, surfaces
Off White
#fafafa
Card hover
Secondary Colors
Supporting palette. Used sparingly, not prominent on public website.
Bluestone
#8DB3D7
Secondary blue accent. Internal tools and supporting visuals.
Frost
#E2EDFF
Blue tint bg
Glacier
#EAFFFA
Soft teal bg
Tertiary Colors
Internal use only — playbooks, dashboards, data visualizations, status indicators. Not used in public website content.
Yellow
#ffbd59
Warning states, caution indicators, internal scorecards.
Yellow Tint
#fff4e4
Warning bg
Red
#9c0d0d
Error states, at-risk indicators, validation messages.
Red Tint
#ffeaea
Error bg
Typography
Poppins is the only typeface used across all Coltivar properties. Weights: 300, 600, 700, 800.
Headline One
72px / 800
-2.5px tracking
line-height 1.05
-2.5px tracking
line-height 1.05
Headline Two
48px / 800
-1.5px tracking
line-height 1.1
-1.5px tracking
line-height 1.1
Headline Three
22px / 700
-0.3px tracking
line-height 1.2
-0.3px tracking
line-height 1.2
Eyebrow Label
11px / 600
2.5px / UPPERCASE
#1EAB8D
2.5px / UPPERCASE
#1EAB8D
We show you where your money is and how to make more of it. In 30 days.
16px / 300
#222222
line-height 1.4
#222222
line-height 1.4
Secondary information, card descriptions, and supporting copy.
13px / 300
#919090
line-height 1.5
#919090
line-height 1.5