04 · Color
Color Sets Us Apart & Helps Invoke Emotion.
Reproduce our colors faithfully and combine them the right way. Our brand should always be represented in at least one primary color. Any color outside this page is unauthorized.
Primary · Main Hue--cb-honey-gold
Honey Gold Yellow
Conveys fun, creativity and a connection with nature. Always a safe color for the brand — use it as a background or accent, with Bee Black text.
HEX #F7C034RGB 247 192 52CMYK 0 22 79 3PMS 123 C
Ganja Green--cb-ganja-green
Powerful, rich & inviting. Typography on light backgrounds, links.
HEX #58711FRGB 88 113 31CMYK 74 38 63 19PMS 5753 C
Red Hot--cb-red-hot
Your attention, please! Use with restraint for maximum impact.
HEX #BA2A2ARGB 186 42 42CMYK 0 77 77 27PMS 484 C / 1815 C
Bee Black--cb-bee-black
Use instead of true black.
HEX #1B1B1BRGB 27 27 27CMYK 75 64 68 77PMS 900 U
Clear White--cb-clear-white
Use instead of true white.
HEX #F1F1F1RGB 241 241 241CMYK 4 3 3 0PMS 100 U
Khaki--cb-khaki
Supporting neutral from the approved pairings.
HEX #C6C7BBRGB 198 199 187
Using Tints
The 20% Step System
For hover states, effects and secondary tones in illustration — never as a primary color. Any tint below 60% used as a background needs dark text.
100#F7C034
80#F9CD5D
60#FAD985
40#FCE6AE
20#FDF2D6
100#58711F
80#798D4C
60#9BAA79
40#BCC6A5
20#DEE3D2
100#BA2A2A
80#C85555
60#D67F7F
40#E3AAAA
20#F1D4D4
100#1B1B1B
80#494949
60#767676
40#A4A4A4
20#D1D1D1
Interactive Tool
Contrast Checker
Pick a text color and a background. We need at least 4.5:1 for body copy, and 3:1 for large headlines.
Text color · Bee Black
Background · Honey Gold
10.29:1
Body text · Pass
Large text · Pass
Approved for any text, including body copy.
Welcome to the Hive
Cannabis
We are dedicated and committed to providing life-transforming experiences through the conscious use of cannabis.
Primary Color Combinations
Approved Pairings, Scored
The guide's combinations, checked against WCAG. White on Honey Gold stays for the logo only — text on yellow is always Bee Black.
Bee Black text, white icon, Honey10.3 · Any text
Clear White text, Red Hot icon, Bee Black15.3 · Any text
Clear White text on Honey1.5 · Logo only
Khaki on Ganja Green3.2 · Large only
Ganja Green on Clear White4.9 · Any text
Green text, Red Hot icon, White4.9 · Any text
Clear White on Red Hot · sparingly5.4 · Any text
Green text, Red Hot icon, Khaki3.2 · Large only
Secondary Palette
When One Color Isn't Enough
For packaging, products, merch & marketing that need a different emotional approach. Never for the logo.
Rose#E58B8B · PMS 182 C
Lime#C8E08F · PMS 7485 C
Butter#FADA89 · PMS 1205 C
Silver#C2C2C2 · PMS 6 C
Oxblood#851E1E · PMS 1817 C
Olive#719027 · PMS 5767 C
Amber#D79D09 · PMS 130 C
Charcoal#3D3D3D · PMS 7540 C
Common Errors
Cannabis
✕ Don't change or adjust our colors in any way.Cannabis
✕ Don't use tints as primary colors.Cannabis
✕ Don't use off-brand colors.Cannabis
✕ Don't pair true black with true white.Cannabis
✕ Never combine Ganja Green & Red Hot.Cannabis
✕ Avoid Ganja Green on Bee Black for text.
For Developers · tokens.css
--cb-honey-gold: #f7c034; --cb-ganja-green: #58711f; --cb-red-hot: #ba2a2a; --cb-bee-black: #1b1b1b; --cb-clear-white: #f1f1f1; --cb-khaki: #c6c7bb; --cb-text-body: #3d3d3d; --cb-link: var(--cb-ganja-green); --cb-on-honey: var(--cb-bee-black);Full set, including tints & secondary colors, lives in design-system/tokens.css.